Ši ordernuosavybė yra „Flexible Box Layout“ modulio sub-ypatybė.
„Flex“ elementai rodomi ta pačia tvarka kaip ir pagal numatytuosius nustatymus šaltinio dokumente. orderTurtas gali būti naudojamas pakeisti šį užsakymą.
Sintaksė
order: .flex-item ( order: 2; )Demonstracija
Toliau pateiktoje demonstracijoje parodyta, kaip pakeista numatytoji tvarka (1, 2, 3, 4, 5), kiekvienam elementui nustatant užsakymo ypatybę.
Naršyklės palaikymas
- (moderni) reiškia naujausią sintaksę iš specifikacijos (pvz.
display: flex;) - (hibridas) reiškia nelyginę neoficialią sintaksę nuo 2011 m. (pvz.
display: flexbox;) - (senas) reiškia seną sintaksę nuo 2009 m. (pvz.
display: box;)
| „Chrome“ | „Safari“ | „Firefox“ | Opera | T.Y | „Android“ | „iOS“ |
|---|---|---|---|---|---|---|
| 21+ (modernus) 20- (senas) | 3.1+ (senas) | 2–21 (senas) 22+ (naujas) | 12.1+ (moderni) | 10+ (hibridas) | 2.1+ (senas) | 3,2+ (senas) |
„Blackberry“ naršyklė 10+ palaiko naują sintaksę.
Norėdami gauti daugiau informacijos apie tai, kaip maišyti sintakses, kad gautumėte geriausią naršyklės palaikymą, žr. Šį straipsnį (CSS-Tricks) arba šį straipsnį (DevOpera).