Proprietà order CSS

Definizione e uso

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

Note:Se l'elemento non è un elemento flessibile, l'attributo order non ha effetto.

Vedi anche:

Manuale CSS:Proprietà flex

Manuale CSS:Proprietà flex-basis

Manuale CSS:Proprietà flex-direction

Manuale CSS:Proprietà flex-flow

Manuale CSS:Proprietà flex-grow

Manuale CSS:Proprietà flex-shrink

Manuale CSS:Proprietà flex-wrap

Manuale CSS:Proprietà align-content

Manuale CSS:Proprietà align-items

Manuale CSS:Proprietà align-self

Manuale HTML DOM:Proprietà order

Esempio

Imposta l'ordine degli elementi flessibili:

div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV {order: 3;}
div#myPinkDIV {order: 1;}

Prova tu stesso

Sintassi CSS

order: number|initial|inherit;

Valore dell'attributo

Valore Descrizione
number Il valore predefinito è 0. Determina l'ordine degli elementi flessibili.
initial Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit Eredita questo attributo dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito: 0
Ereditarietà: no
Produzione di animazione: Supportato. Vedi le proprietà separate. Vedi:Proprietà correlate all'animazione.
Versione: CSS3
Sintassi JavaScript: object.style.order="2"

Supporto del browser

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

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

Chrome IE / Edge Firefox Safari Opera
29.0
21.0 -webkit- 		11.0 28.0
18.0 -moz- 		9.0
6.1 -webkit- 		17.0