order

Обновлено: 30.05.2022

order

Определяет порядок вывода флексов внутри флекс-контейнера. Элементы располагаются согласно значениям свойства order от меньшего к большему. При равных значениях order элементы выводятся в том порядке, в каком они появляются в исходном коде.

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

Значение по умолчанию 0
Наследуется Нет
Применяется К флекс-элементам
Анимируется Да

Синтаксис

order: <число>

Значения

В качестве значения принимается любое целое число, включая отрицательные числа и ноль.

Пример

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

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

Примечание

Safari до версии 9 поддерживает свойство -webkit-order.

Браузеры

order

Посмотреть совместимость на Can I use?

order