Style order egenskap

Definisjon og bruk

order Egenskapen definerer rekkefølgen til fleksible elementer i forhold til de andre fleksible elementene i samme container.

Kommentar:Hvis elementet ikke er et fleksibelt element, så order Egenskapen er ugyldig.

Les også:

CSS referansehåndbok:order egenskap

Eksempel

Sett rekkefølgen til fleksible elementer:

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

Prøv det selv

Syntaks

Returner order egenskap:

object.style.order

Sett order egenskap:

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

Egenskapsverdi

Verdi Beskrivelse
number Standardverdi 0. Definerer rekkefølgen til fleksible elementer.
initial Sett denne egenskapen til sin standardverdi. Se initial.
inherit Arv denne egenskapen fra foreldreelementet. Se inherit.

Teknisk detalj

Standardverdi: 0
Tilbakeverdi: en streng som representerer elementets order egenskap.
CSS versjon: CSS3

Nettleserstøtte

Tallene i tabellen angiver den første nettleserversjonen som fullt ut støtter denne egenskapen.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
understøttelse 12.0 understøttelse understøttelse understøttelse

relaterede sider

HTML DOM STYLE reference manual:alignContent egenskab

HTML DOM STYLE reference manual:alignItems egenskab

HTML DOM STYLE reference manual:alignSelf egenskab

HTML DOM STYLE reference manual:flex egenskab

HTML DOM STYLE reference manual:flexBasis egenskab

HTML DOM STYLE reference manual:flexDirection egenskab

HTML DOM STYLE reference manual:flexFlow egenskab

HTML DOM STYLE reference manual:flexGrow egenskab

HTML DOM STYLE reference manual:flexShrink egenskab

HTML DOM STYLE reference manual:flexWrap egenskab