proprietà Style order

definizione e uso

order l'attributo definisce l'ordine degli elementi flessibili rispetto agli altri elementi flessibili nello stesso contenitore.

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

altro:

manuale CSS:proprietà order

esempio

imposta l'ordine degli elementi flessibili:

document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";

prova tu stesso

sintassi

ritorna la proprietà order:

object.style.order

imposta la proprietà order:

object.style.order = "number|initial|inherit"

valore dell'attributo

valore descrizione
number valore predefinito 0. Regola l'ordine degli elementi flessibili.
initial imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit eredita questa proprietà dal suo elemento padre. Vedi inherit.

dettagli tecnici

valore predefinito: 0
valore di ritorno: stringa che rappresenta l'elemento proprietà order.
versione CSS: CSS3

supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente questa proprietà per la prima volta.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
supporto 12.0 supporto supporto supporto

pagine correlate

Manuale di riferimento HTML DOM STYLE:proprietà alignContent

Manuale di riferimento HTML DOM STYLE:proprietà alignItems

Manuale di riferimento HTML DOM STYLE:proprietà alignSelf

Manuale di riferimento HTML DOM STYLE:proprietà flex

Manuale di riferimento HTML DOM STYLE:proprietà flexBasis

Manuale di riferimento HTML DOM STYLE:Proprietà flexDirection

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