Il miglior tutorial CSS flex-shrink proprietà Nel 2024, in questo tutorial puoi imparare Esempi,Supporto per il browser,Definizione e utilizzo,CSS Sintassi,Proprietà Valore,articoli correlati,
Lasciate che il secondo elemento a ridursi a un terzo degli altri elementi:
I dati riportati nella tabella rappresentano il primo browser a supportare il numero di versione di proprietà.
Subito dopo la -webkit- digitale, -MS- o -moz- dopo la prima versione a supportare la proprietà prefisso.
proprietà | |||||
---|---|---|---|---|---|
FLEX-shrink | 29,0 21,0 -webkit- | 11.0 10.0 -MS- | 28.0 18,0 -moz- | 9.0 6.1 -webkit- | 17,0 |
flex-shrink attributo viene utilizzato per impostare o recuperare il rapporto sacchetto contrazione flessibile. .
Nota: Se l'elementonon è resiliente oggetto casella elemento, il flex-shrink proprietà non funziona.
predefinito: | 1 |
---|---|
ereditarietà: | no |
Può essere animata: | Sì. Fare riferimento all'animazione (animatable) . provare |
versione: | CSS3 |
sintassi JavaScript: | oggetto .style.flexShrink = "5"provare |
值 | 描述 |
---|---|
number | 一个数字,规定项目将相对于其他灵活的项目进行收缩的量。默认值是 0。 |
initial | 设置该属性为它的默认值。请参阅 initial 。 |
inherit | 从父元素继承该属性。请参阅 inherit 。 |
CSS Riferimento: Proprietà Flex
CSS Manuale di riferimento: proprietà Flex-Basis
CSS Manuale di riferimento: proprietà Flex-direzione
CSS Manuale di riferimento: Proprietà Flex-Flow
CSS Manuale di riferimento: Flex-Grow proprietà
CSS Manuale di riferimento: proprietà Flex-wrap