Style order ominaisuus

Määrittely ja käyttö

order Ominaisuus määrittelee joustavan kohden järjestyksen samassa konteissa olevien muiden joustavien kohteiden suhteen.

Huomautus:Jos elementti ei ole joustava kohde, order Ominaisuus ei ole kelvollinen.

Katso myös:

CSS viittausopas:order ominaisuus

Esimerkki

Aseta joustavien kohteiden järjestys:

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

Kokeile itse

Syntaksi

Palauta order ominaisuus:

object.style.order

Aseta order ominaisuus:

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

Ominaisuusarvo

Arvo Kuvaus
number Oletusarvo 0. Määrittelee joustavien kohteiden järjestyksen.
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso initial.
inherit Perii tämän ominaisuuden vanhemmalta elementiltään. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: 0
Palautusarvo: Merkistö, joka ilmaisee elementin order ominaisuus.
CSS versio: CSS3

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen täysin tukevan selaimen version.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki 12.0 Tuki Tuki Tuki

Liittyvät sivut

HTML DOM STYLE -viittausoppaalignContent ominaisuus

HTML DOM STYLE -viittausoppaalignItems ominaisuus

HTML DOM STYLE -viittausoppaalignSelf ominaisuus

HTML DOM STYLE -viittausoppaflex ominaisuus

HTML DOM STYLE -viittausoppaflexBasis ominaisuus

HTML DOM STYLE -viittausoppaflexDirection-ominaisuus

HTML DOM STYLE -viittausoppaflexFlow-ominaisuus

HTML DOM STYLE -viittausoppaflexGrow-ominaisuus

HTML DOM STYLE -viittausoppaflexShrink-ominaisuus

HTML DOM STYLE -viittausoppaflexWrap-ominaisuus