Stijlvolgorde Eigenschap _
Voorbeeld
Stel de volgorde van de flexibele artikelen in:
document.getElementById("myRedDIV").style.order = "4";
document.getElementById("myBlueDIV").style.order = "3";
document.getElementById("myGreenDIV").style.order = "1";
document.getElementById("myPinkDIV").style.order = "2";
Definitie en gebruik
De ordereigenschap specificeert de volgorde van een flexibel artikel ten opzichte van de rest van de flexibele artikelen in dezelfde container.
Opmerking: Als het element geen flexibel artikel is, heeft de ordereigenschap geen effect.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
order | Yes | 12.0 | Yes | Yes | Yes |
Syntaxis
Retourneer de bestellingseigenschap:
object.style.order
Stel de ordereigenschap in:
object.style.order = "number|initial|inherit"
Eigendomswaarden
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 |
Technische details
Standaardwaarde: | 0 |
---|---|
Winstwaarde: | Een String, die de eigenschap order van een element vertegenwoordigt |
CSS-versie | CSS3 |
Gerelateerde pagina's
CSS-referentie: eigenschap bestellen
HTML DOM STYLE Referentie: alignContent eigenschap
HTML DOM STYLE Referentie: eigenschap alignItems
HTML DOM STYLE Referentie: alignSelf eigenschap
HTML DOM STYLE Referentie: flex eigenschap
HTML DOM STYLE Referentie: flexBasis eigenschap
HTML DOM STYLE Referentie: flexDirection eigenschap
HTML DOM STYLE Referentie: flexFlow eigenschap
HTML DOM STYLE Referentie: flexGrow eigenschap
HTML DOM STYLE Referentie: flexShrink eigenschap
HTML DOM STYLE Referentie: flexWrap eigenschap
❮ Stijlobject