Esempio
Lasciate che l'elemento DIV blu crescere di cinque volte superiore a quella del resto degli elementi flessibili:
document.getElementById("myBlueDiv".style.flexGrow = "5"; Prova tu stesso " Definizione e l'utilizzo
La proprietà flexGrow specifica quanto il prodotto crescerà rispetto al resto degli elementi flessibili all'interno dello stesso contenitore.
Note: Se l'elemento non è un elemento flessibile, la proprietà flexGrow non ha alcun effetto.
Supporto browser
La proprietà flexGrow è supportata in IE10 +, Firefox, Opera e Chrome.
Nota: Safari 6.1+ supporta in alternativa, la proprietà WebkitFlexGrow.
Sintassi
Restituire la proprietà flexGrow:
object .style.flexGrow Impostare la proprietà flexGrow:
object .style.flexGrow=" I valori delle proprietà Valore Descrizione number Un numero che specifica quanto l'oggetto crescerà rispetto al resto degli elementi flessibili. Il valore di default è 0 initial Consente di impostare questa proprietà al suo valore di default. Leggi iniziale inherit Eredita questo immobile dal suo elemento genitore. Leggi su erediterà
Dettagli tecnici
Valore di default: 0 Valore di ritorno: A String, che rappresenta la proprietà flex-crescere di un elemento CSS Version CSS3
Pagine correlate
Di riferimento CSS: flex-grow property
HTML DOM stile di riferimento: flex property
HTML DOM stile di riferimento: flexBasis property
HTML DOM stile di riferimento: flexDirection property
HTML DOM stile di riferimento: flexFlow property
HTML DOM stile di riferimento: flexShrink property
HTML DOM stile di riferimento: flexWrap property
<Stile di oggetto