Tato ordervlastnost je dílčí vlastností modulu Flexibilní rozvržení krabice.
Položky Flex se ve výchozím nastavení zobrazují ve stejném pořadí, v jakém se zobrazují ve zdrojovém dokumentu. orderVlastnost může být použita ke změně tohoto uspořádání.
Syntax
order: .flex-item ( order: 2; )Ukázka
Následující ukázka ukazuje, jak bylo změněno výchozí pořadí (1, 2, 3, 4, 5) nastavením vlastnosti objednávky pro každou položku.
Podpora prohlížeče
- (moderní) znamená nedávnou syntaxi ze specifikace (např.
display: flex;) - (hybrid) znamená lichou neoficiální syntaxi z roku 2011 (např.
display: flexbox;) - (old) znamená starou syntaxi z roku 2009 (např.
display: box;)
| Chrome | Safari | Firefox | Opera | TJ | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (moderní) 20- (starý) | 3.1+ (starý) | 2-21 (starý) 22+ (nový) | 12.1+ (moderní) | 10+ (hybridní) | 2.1+ (starý) | 3.2+ (starý) |
Prohlížeč Blackberry 10+ podporuje novou syntaxi.
Další informace o tom, jak kombinovat syntaxe s cílem získat nejlepší podporu prohlížeče, najdete v tomto článku (CSS-Tricks) nebo v tomto článku (DevOpera).