orderNieruchomość jest sub-property modułu Flexible Box Layout.
Elementy Flex są domyślnie wyświetlane w tej samej kolejności, w jakiej pojawiają się w dokumencie źródłowym. orderNieruchomość może być używany, aby zmienić tę kolejność.
Składnia
order: .flex-item ( order: 2; )Próbny
Poniższe demo pokazuje, jak domyślna kolejność (1, 2, 3, 4, 5) została zmieniona poprzez ustawienie właściwości order dla każdego elementu.
Wsparcie przeglądarki
- (nowoczesny) oznacza najnowszą składnię ze specyfikacji (np.
display: flex;) - (hybryda) oznacza dziwną nieoficjalną składnię z 2011 roku (np.
display: flexbox;) - (stara) oznacza starą składnię z 2009 roku (np.
display: box;)
| Chrom | Safari | Firefox | Opera | TO ZNACZY | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (nowoczesny) 20- (stary) | 3.1+ (stary) | 2-21 (stare) 22+ (nowe) | 12.1+ (nowoczesny) | 10+ (hybryda) | 2.1+ (stary) | 3.2+ (stary) |
Przeglądarka Blackberry 10+ obsługuje nową składnię.
Więcej informacji na temat łączenia składni w celu uzyskania najlepszej obsługi przeglądarki można znaleźć w tym artykule (Sztuczki CSS) lub w tym artykule (DevOpera).