Esempio
Riorganizzare la direzione degli elementi flessibili all'interno del <div> elemento:
document.getElementById("main").style.flexDirection = "column-reverse"; Prova tu stesso " Definizione e l'utilizzo
Gli insiemi di proprietà flexDirection o restituisce la direzione degli elementi flessibili.
Note: Se l'elemento non è un elemento flessibile, la proprietà flexDirection non ha alcun effetto.
Supporto browser
La proprietà flexDirection è supportata in IE10 +, Firefox, Opera e Chrome.
Nota: Safari 6.1+ supporta in alternativa, la proprietà WebkitFlexDirection.
Sintassi
Restituire la proprietà flexDirection:
object .style.flexDirectionImpostare la proprietà flexDirection:
object .style.flexDirection="row|row-reverse|column|column-reverse|initial|inherit"
I valori delle proprietà
| Valore | Descrizione |
|---|---|
| row | Valore di default. Gli elementi flessibili sono visualizzate orizzontalmente, come una riga |
| row-reverse | Stessi fila, ma in ordine inverso |
| column | Gli elementi flessibili sono visualizzate in verticale, come una colonna |
| column-reverse | Uguale a colonna, ma 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: | riga |
|---|---|
| Valore di ritorno: | Una stringa, che rappresenta la proprietà flex-direzione di un elemento |
| CSS Version | CSS3 |
Pagine correlate
Di riferimento CSS: flex-direction property
HTML DOM stile di riferimento: flex property
HTML DOM stile di riferimento: flexBasis property
HTML DOM stile di riferimento: flexFlow property
HTML DOM stile di riferimento: flexGrow property
HTML DOM stile di riferimento: flexShrink property
HTML DOM stile di riferimento: flexWrap property
<Stile di oggetto