Esempio
Rendere gli elementi flessibili avvolgere se necesarry:
document.getElementById("main".style.flexWrap = "wrap";
Prova tu stesso " Definizione e l'utilizzo
La proprietà flexWrap specifica se gli elementi flessibili devono avvolgere o meno.
Note: Se gli elementi non sono elementi flessibili, la proprietà flexWrap non ha alcun effetto.
Supporto browser
La proprietà flexWrap è supportata in IE10 +, Firefox, Opera e Chrome.
Nota: Safari 6.1+ supporta in alternativa, la proprietà WebkitFlexWrap.
Sintassi
Restituire la proprietà flexWrap:
object .style.flexWrap
Impostare la proprietà flexWrap:
object .style.flexWrap="nowrap|wrap|wrap-reverse|initial|inherit"
I valori delle proprietà
Valore | Descrizione |
---|---|
nowrap | Valore di default. Specifica che gli elementi flessibili non avvolgere |
wrap | Specifica che gli elementi flessibili saranno avvolgere se necessario |
wrap-reverse | Specifica che gli elementi flessibili andranno a capo, se necessario, in ordine inverso |
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: | nowrap |
---|---|
Valore di ritorno: | A String, che rappresenta la proprietà flex-wrap di un elemento |
CSS Version | CSS3 |
Pagine correlate
Di riferimento CSS: flex-wrap 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: flexShrink property
<Stile di oggetto