CSS order ominaisuus

Määrittely ja käyttö

Order ominaisuus määrittää joustavan elementin järjestyksen suhteessa muihin samassa kontissa oleviin joustaviin elementteihin.

Huomautus:Jos elementti ei ole joustava elementti, order ominaisuus on epävoimainen.

Katso myös:

CSS viittausopas:flex ominaisuus

CSS viittausopas:flex-basis ominaisuus

CSS viittausopas:flex-direction ominaisuus

CSS viittausopas:flex-flow ominaisuus

CSS viittausopas:flex-grow ominaisuus

CSS viittausopas:flex-shrink ominaisuus

CSS viittausopas:flex-wrap ominaisuus

CSS viittausopas:align-content ominaisuus

CSS viittausopas:align-items ominaisuus

CSS viittausopas:align-self ominaisuus

HTML DOM viittausopas:order ominaisuus

Esimerkki

Aseta joustavien elementtien järjestys:

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

Kokeile itse

CSS syntaksi

order: number|initial|inherit;

Ominaisuuden arvo

Arvo Kuvaus
number Oletusarvo on 0. Määrittää joustavien elementtien järjestys.
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit Periisiä isältä elementiltä. Katso: inherit.

Tekninen yksityiskohta

Oletusarvo: 0
Perintä: ei
Animaation tekeminen: Tuki. Katso erilliset ominaisuudet. Katso:Animaatiot.
Versio: CSS3
JavaScript syntaksi: object.style.order="2"

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee tätä ominaisuutta täysin.

Seuraavien -webkit- tai -moz- numeroiden määrittämisen ensimmäinen versio on käytettävä ennen kuin määrittää etuliitteet.

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