order

Оновлено: 30.12.2022

order

Визначає порядок виведення флексів усередині флекс-контейнера. Елементи розташовуються відповідно до значень властивості order від меншого до більшого. За рівних значень order елементи виводяться в тому порядку, в якому вони з'являються у вихідному коді.

Коротка інформація

Значення за замовчуванням 0
Успадковується Ні
Застосовується До флекс-елементів
Анімується Так

Синтаксис

order: <число>

Значення

Як значення приймається будь-яке ціле число, включно з від'ємними числами і нулем.

Приклад

Результат цього прикладу показано на рис. 1.

Рис. 1. Порядок виведення елементів через властивість order

Примітка

Safari до версії 9 підтримує властивість -webkit-order.

Браузери

order

Переглянути сумісність з Can I use?

order