Style order egenskap

Definition och användning

order Egenskapen definierar ordningen för de elastiska elementen jämfört med de andra elastiska elementen i samma behållare.

Kommentar:Om elementet inte är ett elastiskt element, order Egenskapen är ogiltig.

Se också:

CSS referenshandbok:order egenskap

Exempel

Sätt ordning på de elastiska elementen:

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 själv

Syntax

Returnera order egenskap:

object.style.order

Sätt order egenskap:

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

Egenskapsvärde

Värde Beskrivning
number Standardvärde 0. Definierar ordningen för de elastiska elementen.
initial Sätt denna egenskap till dess standardvärde. Se initial.
inherit Följer från föräldrelementet för denna egenskap. Se inherit.

Tekniska detaljer

Standardvärde: 0
Returvärde: sträng, som representerar elementets order egenskap.
CSS-version: CSS3

Webbläsarstöd

Tal i tabellen anger den första versionen av webbläsaren som helt stöder denna egenskap.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
stödjer 12.0 stödjer stödjer stödjer

relaterade sidor

HTML DOM STYLE-referenshandbok:alignContent egenskap

HTML DOM STYLE-referenshandbok:alignItems egenskap

HTML DOM STYLE-referenshandbok:alignSelf egenskap

HTML DOM STYLE-referenshandbok:flex egenskap

HTML DOM STYLE-referenshandbok:flexBasis egenskap

HTML DOM STYLE-referenshandbok:flexDirection-egenskap

HTML DOM STYLE-referenshandbok:flexFlow-egenskap

HTML DOM STYLE-referenshandbok:flexGrow-egenskap

HTML DOM STYLE-referenshandbok:flexShrink-egenskap

HTML DOM STYLE-referenshandbok:flexWrap-egenskap