proprietà Style flexDirection

definizione e uso

flexDirection imposta o restituisce la direzione dell'elemento flessibile.

nota:se l'elemento non è un elemento flessibile, allora flexDirection proprietà non valida.

Vedi anche:

Manuale di riferimento CSS:proprietà flexDirection

esempio

riorganizzare la direzione degli elementi flessibili all'interno di <div>:

document.getElementById("main").style.flexDirection = "column-reverse";

prova tu stesso

sintassi

ritornare la proprietà flexDirection:

oggetto.style.flexDirection

impostare la proprietà flexDirection:

oggetto.style.flexDirection = "row|row-reverse|column|column-reverse|initial|inherit"

valore dell'attributo

valore descrizione
row valore predefinito. Gli elementi flessibili vengono visualizzati orizzontalmente come una riga.
row-reverse uguale a row, ma in ordine inverso.
column visualizza gli elementi flessibili verticalmente come una colonna.
column-reverse uguale a column, ma in ordine inverso.
initial imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit eredita questa proprietà dal suo elemento padre. Vedi inherit.

dettagli tecnici

valore predefinito: row
valore di ritorno: stringa che rappresenta la proprietà flexDirection.
versione CSS: CSS3

supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
supporto 11.0 supporto 9.0 supporto

pagine correlate

Manuale di riferimento HTML DOM STYLE:proprietà flex

Manuale di riferimento HTML DOM STYLE:proprietà flexBasis

Manuale di riferimento HTML DOM STYLE:proprietà flexFlow

Manuale di riferimento HTML DOM STYLE:proprietà flexGrow

Manuale di riferimento HTML DOM STYLE:proprietà flexShrink

Manuale di riferimento HTML DOM STYLE:proprietà flexWrap