CSS order egenskab

Definition og brug

Order egenskaben definerer rækkefølgen af elastiske elementer i forhold til andre elastiske elementer i samme container.

Bemærkninger:Hvis elementet ikke er et elastisk element, er order egenskaben无效.

Se også:

CSS referencehåndbog:flex egenskab

CSS referencehåndbog:flex-basis egenskab

CSS referencehåndbog:flex-direction egenskab

CSS referencehåndbog:flex-flow egenskab

CSS referencehåndbog:flex-grow egenskab

CSS referencehåndbog:flex-shrink egenskab

CSS referencehåndbog:flex-wrap egenskab

CSS referencehåndbog:align-content egenskab

CSS referencehåndbog:align-items egenskab

CSS referencehåndbog:align-self egenskab

HTML DOM referencehåndbog:order egenskab

Eksempel

Indstil rækkefølgen af elastiske elementer:

div#myRedDIV {order: 2;}
div#myBlueDIV {order: 4;}
div#myGreenDIV {order: 3;}
div#myPinkDIV {order: 1;}

Prøv det selv

CSS syntaks

order: number|initial|inherit;

Egenskabsværdi

Værdi Beskrivelse
number Standardværdien er 0. Angiver rækkefølgen af elastiske elementer.
initial Sæt denne egenskab til dens standardværdi. Se initial.
inherit Arv denne egenskab fra forældrelementet. Se inherit.

Tekniske detaljer

Standardværdi: 0
Arv: nej
Animation laver: Understøttes. Se separate egenskaber. Se:Animation relaterede egenskaber.
Version: CSS3
JavaScript syntaks: object.style.order="2"

Browserunderstøttelse

Tabelen viser den første browserversion, der fuldt ud understøtter egenskaben.

Tabelene viser den første browserversion, der fuldt ud understøtter egenskaben, med præfikset angivet først efter -webkit- eller -moz-.

Chrome IE / Edge Firefox Safari Opera
29.0
21.0 -webkit- 		11.0 28.0
18.0 -moz- 		9.0
6.1 -webkit- 		17.0