orderOminaisuus on osa-ominaisuus Flexible Box Asettelu moduuli.
Flex-kohteet näytetään oletusarvoisesti samassa järjestyksessä kuin lähdeasiakirjassa. orderOmaisuus voidaan muuttaa tilauksen.
Syntaksi
order: .flex-item ( order: 2; )Demo
Seuraava esittely osoittaa, kuinka oletusjärjestystä (1, 2, 3, 4, 5) on muutettu asettamalla tilausominaisuus kullekin tuotteelle.
Selaimen tuki
- (moderni) tarkoittaa viimeisintä syntaksia spesifikaatiosta (esim.
display: flex;) - (hybridi) tarkoittaa outoa epävirallista syntaksia vuodelta 2011 (esim.
display: flexbox;) - (vanha) tarkoittaa vanhaa syntaksia vuodelta 2009 (esim.
display: box;)
| Kromi | Safari | Firefox | Ooppera | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (moderni) 20 - (vanha) | 3.1+ (vanha) | 2-21 (vanha) 22+ (uusi) | 12.1+ (moderni) | 10+ (hybridi) | 2.1+ (vanha) | 3.2+ (vanha) |
Blackberry-selain 10+ tukee uutta syntaksia.
Lisätietoja syntaksien sekoittamisesta parhaan selaintuen saamiseksi on tässä artikkelissa (CSS-Tricks) tai tässä artikkelissa (DevOpera).