Esempio
Impostare 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 " Definizione e l'utilizzo
La proprietà ordine specifica l'ordine di un elemento flessibile rispetto al resto degli elementi flessibili all'interno dello stesso contenitore.
Note: Se l'elemento non è un elemento flessibile, la proprietà ordine non ha alcun effetto.
Supporto browser
La proprietà ordine supportato in Firefox, Opera e Chrome.
Sintassi
Restituire la proprietà ordine:
object .style.order Impostare la proprietà ordine:
object .style.order=" I valori delle proprietà Valore Descrizione number Valore di default 0. Specifica l'ordine per l'elemento flessibile 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: 0 Valore di ritorno: Una stringa, che rappresenta la proprietà ordine di un elemento CSS Version CSS3
Pagine correlate
Di riferimento CSS: order property
HTML DOM stile di riferimento: alignContent property
HTML DOM stile di riferimento: alignItems property
HTML DOM stile di riferimento: alignSelf property
HTML DOM stile di riferimento: flex property
HTML DOM stile di riferimento: flexBasis property
HTML DOM stile di riferimento: flexDirection 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