Exemplu
Lăsați elementul DIV albastru crește de cinci ori mai mare decât restul elementelor flexibile:
document.getElementById("myBlueDiv".style.flexGrow = "5"; Încearcă - l singur » Definiție și utilizare
Proprietatea flexGrow specifică cât de mult elementul va crește în raport cu restul elementelor flexibile din interiorul același container.
Note: În cazul în care elementul nu este un element flexibil, proprietatea flexGrow nu are niciun efect.
Suport pentru browser-
Proprietatea flexGrow este susținută în IE10 +, Firefox, Opera și Chrome.
Notă: Safari 6.1+ susține o alternativă, proprietatea WebkitFlexGrow.
Sintaxă
Întoarcere proprietatea flexGrow:
object .style.flexGrow Setați proprietatea flexGrow:
object .style.flexGrow=" Valori de proprietate Valoare Descriere number Un număr care specifică cât de mult elementul va crește în raport cu restul elementelor flexibile. Valoarea implicită este 0 initial Setează această proprietate la valoarea implicită. Citiți despre inițială inherit Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc
Detalii tehnice
Valoare implicită: 0 Întoarcere Valoare: Un șir, care reprezintă proprietatea flex-creste a unui element CSS Versiune CSS3
Pagini similare
Referință CSS: flex-grow property
HTML DOM STYLE Referință: flex property
HTML DOM STYLE Reference: flexBasis property
HTML DOM STYLE Referinta: flexDirection property
HTML DOM STYLE Referinta: flexFlow property
HTML DOM STYLE Reference: flexShrink property
HTML DOM STYLE Reference: flexWrap property
<Style Object