Style order eigenschap

definitie en gebruik

order Deze eigenschap bepaalt de volgorde van het elastische item ten opzichte van de andere elastische items in dezelfde container.

opmerking:Als het element geen elastische item is, order Eigenschap ongeldig.

Zie ook:

CSS referentiemanualorder eigenschap

voorbeeld

Instellen van de volgorde van de elastische items:

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

Probeer het zelf

syntaxis

Terugkeer de order eigenschap:

object.style.order

Instellen van de order eigenschap:

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

eigenschapswaarde

waarde beschrijving
number standaardwaarde 0. Stel de volgorde van de elastische items in.
initial Stel deze eigenschap in op zijn standaardwaarde. Raadpleeg initial.
inherit Deze eigenschap erfgenomen van de ouder element. Raadpleeg inherit.

technische details

standaardwaarde: 0
terugkeerwaarde: een string die de order eigenschap.
CSS versie: CSS3

browserondersteuning

De cijfers in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ondersteuning 12.0 ondersteuning ondersteuning ondersteuning

gerelateerde pagina's

HTML DOM STYLE reference manual:alignContent eigenschap

HTML DOM STYLE reference manual:alignItems eigenschap

HTML DOM STYLE reference manual:alignSelf eigenschap

HTML DOM STYLE reference manual:flex eigenschap

HTML DOM STYLE reference manual:flexBasis eigenschap

HTML DOM STYLE reference manual:flexDirection property

HTML DOM STYLE reference manual:flexFlow property

HTML DOM STYLE reference manual:flexGrow property

HTML DOM STYLE reference manual:flexShrink property

HTML DOM STYLE reference manual:flexWrap property