CSS flex-crescere attributo
Esempi
Così che il secondo elemento è tre volte la larghezza degli altri elementi:
div:nth-of-type(2) {flex-grow: 3;}
div:nth-of-type(3) {flex-grow: 1;}
Prova »
Supporto per il browser
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-grow | 29,0 21,0 -webkit- | 11.0 10.0 -MS- | 28.0 18,0 -moz- | 9.0 6.1 -webkit- | 17,0 |
Definizione e utilizzo
flex-crescere attributo viene utilizzato per impostare o recuperare il rapporto di espansione sacca flessibile. .
Nota: Se l'elementonon è resiliente oggetto casella elemento, il flex-crescere proprietà non funziona.
predefinito: | 0 |
---|---|
ereditarietà: | no |
Può essere animata: | Sì. Fare riferimento all'animazione (animatable) . provare |
versione: | CSS3 |
sintassi JavaScript: | oggetto .style.flexGrow = "5"provare |
CSS Sintassi
Proprietà Valore
值 | 描述 |
---|---|
number | 一个数字,规定项目将相对于其他灵活的项目进行扩展的量。默认值是 0。 |
initial | 设置该属性为它的默认值。请参阅 initial 。 |
inherit | 从父元素继承该属性。请参阅 inherit 。 |
articoli correlati
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-Shrink proprietà
CSS Manuale di riferimento: proprietà Flex-wrap