Esempio
Lasciare l'elemento DIV blu termoretraibile cinque volte superiore al resto degli elementi flessibili:
document.getElementById("myBlueDiv".style.flexShrink = "5"; Prova tu stesso " Definizione e l'utilizzo
La proprietà flexShrink specifica quale elemento si ridurrà rispetto al resto degli elementi flessibili all'interno dello stesso contenitore.
Note: Se l'elemento non è un elemento flessibile, la proprietà flexShrink non ha alcun effetto.
Supporto browser
La proprietà flexShrink è supportata in IE10 +, Firefox, Opera e Chrome.
Nota: Safari 6.1+ supporta in alternativa, la proprietà WebkitFlexShrink.
Sintassi
Restituire la proprietà flexShrink:
object .style.flexShrink Impostare la proprietà flexShrink:
object .style.flexShrink=" I valori delle proprietà Valore Descrizione number Un numero che specifica quanto l'articolo si ridurrà 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: 1 Valore di ritorno: Una stringa, che rappresenta la proprietà flex-shrink di un elemento CSS Version CSS3
Pagine correlate
Di riferimento CSS: flex-shrink 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: flexGrow property
HTML DOM stile di riferimento: flexWrap property
<Stile di oggetto