Exemplu
Lăsați elementul DIV albastru micsora de cinci ori mai mult decât restul elementelor flexibile:
document.getElementById("myBlueDiv".style.flexShrink = "5";
Încearcă - l singur » Definiție și utilizare
Proprietatea flexShrink specifică modul în care elementul va micșora în raport cu restul elementelor flexibile din interiorul același container.
Note: În cazul în care elementul nu este un element flexibil, proprietatea flexShrink nu are niciun efect.
Suport pentru browser-
Proprietatea flexShrink este susținută în IE10 +, Firefox, Opera și Chrome.
Notă: Safari 6.1+ susține o alternativă, proprietatea WebkitFlexShrink.
Sintaxă
Întoarcere proprietatea flexShrink:
object .style.flexShrink
Setați proprietatea flexShrink:
object .style.flexShrink=" Valori de proprietate Valoare Descriere number Un număr care specifică cât de mult elementul se va micșora î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ă: 1 Întoarcere Valoare: Un șir, care reprezintă proprietatea flex-shrink a unui element CSS Versiune CSS3
Pagini similare
Referință CSS: flex-shrink 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: flexGrow property
HTML DOM STYLE Reference: flexWrap property
<Style Object