orderВластивість є суб-властивість модуля Flexible Box Layout.
Елементи Flex відображаються в тому самому порядку, як вони відображаються у вихідному документі за замовчуванням. orderВластивість може бути використано для зміни цього порядку.
Синтаксис
order: .flex-item ( order: 2; )Демо
Наступна демонстрація демонструє, як замовлення за замовчуванням (1, 2, 3, 4, 5) було змінено шляхом встановлення властивості замовлення для кожного елемента.
Підтримка браузера
- (сучасний) означає останній синтаксис із специфікації (наприклад
display: flex;) - (гібрид) означає непарний неофіційний синтаксис 2011 року (наприклад
display: flexbox;) - (старий) означає старий синтаксис 2009 року (наприклад
display: box;)
| Chrome | Сафарі | Firefox | Опера | IE | Android | iOS |
|---|---|---|---|---|---|---|
| 21+ (сучасний) 20- (старий) | 3,1+ (старий) | 2-21 (старий) 22+ (новий) | 12,1+ (сучасний) | 10+ (гібрид) | 2,1+ (старий) | 3,2+ (старий) |
Браузер Blackberry 10+ підтримує новий синтаксис.
Для отримання додаткової інформації про змішування синтаксисів, щоб отримати найкращу підтримку браузера, зверніться до цієї статті (CSS-хитрощі) або цієї статті (DevOpera).