Ordine di stile Proprietà
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";
Definizione e utilizzo
La proprietà order specifica l'ordine di un elemento flessibile rispetto al resto degli elementi flessibili all'interno dello stesso contenitore.
Nota: se l'elemento non è un articolo flessibile, la proprietà order non ha effetto.
Supporto browser
Property | |||||
---|---|---|---|---|---|
order | Yes | 12.0 | Yes | Yes | Yes |
Sintassi
Restituisci la proprietà dell'ordine:
object.style.order
Imposta la proprietà dell'ordine:
object.style.order = "number|initial|inherit"
Valori di proprietà
Value | Description |
---|---|
number | Default value 0. Specifies the order for the flexible item |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Dettagli tecnici
Valore di default: | 0 |
---|---|
Valore di ritorno: | Una stringa, che rappresenta la proprietà dell'ordine di un elemento |
Versione CSS | CSS3 |
Pagine correlate
Riferimento CSS: proprietà dell'ordine
HTML DOM STYLE Riferimento: proprietà alignContent
Riferimento HTML DOM STYLE: proprietà alignItems
HTML DOM STYLE Riferimento: proprietà alignSelf
HTML DOM STYLE Riferimento: proprietà flex
HTML DOM STYLE Riferimento: proprietà flexBasis
HTML DOM STYLE Riferimento: proprietà flexDirection
HTML DOM STYLE Riferimento: proprietà flexFlow
HTML DOM STYLE Riferimento: proprietà flexGrow
HTML DOM STYLE Riferimento: proprietà flexShrink
HTML DOM STYLE Riferimento: proprietà flexWrap
❮ Oggetto stile