Stile proprietà flexFlow
Esempio
Fai in modo che gli elementi flessibili vengano visualizzati in colonne e senza avvolgimento:
document.getElementById("main").style.flexFlow = "column nowrap";
Definizione e utilizzo
La proprietà flexFlow è una proprietà abbreviata per le proprietà flexDirection e flexWrap.
La proprietà flexDirection specifica la direzione degli elementi flessibili.
La proprietà flexWrap specifica se gli elementi flessibili devono essere racchiusi o meno.
Nota: se gli elementi non sono elementi flessibili, la proprietà flexFlow non ha effetto.
Supporto browser
Property | |||||
---|---|---|---|---|---|
flexFlow | Yes | 11.0 | Yes | 9.0 | Yes |
Sintassi
Restituisce la proprietà flexFlow:
object.style.flexFlow
Imposta la proprietà flexFlow:
object.style.flexFlow = "flex-direction flex-wrap|initial|inherit"
Valori di proprietà
Value | Description |
---|---|
flex-direction | Possible values: row row-reverse column column-reverse initial inherit Default value is "row". Specifying the direction of the flexible items |
flex-wrap | Possible values: nowrap wrap wrap-reverse initial inherit Default value is "nowrap". Specifying whether the flexible items should wrap or not |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Dettagli tecnici
Valore di default: | riga nowrap |
---|---|
Valore di ritorno: | Una stringa, che rappresenta la proprietà flex-flow di un elemento |
Versione CSS | CSS3 |
Pagine correlate
Riferimento CSS: proprietà flex-flow
HTML DOM STYLE Riferimento: proprietà flex
HTML DOM STYLE Riferimento: proprietà flexBasis
HTML DOM STYLE Riferimento: proprietà flexDirection
HTML DOM STYLE Riferimento: proprietà flexGrow
HTML DOM STYLE Riferimento: proprietà flexShrink
HTML DOM STYLE Riferimento: proprietà flexWrap
❮ Oggetto stile