CSS-свойство order позволяет управлять визуальным порядком элементов, в том числе задавать вертикальную перестановку блоков, в современных браузерах, где поддерживается механизм Flexbox. 1

Блоки следуют в порядке возрастания значений свойства order. 1 Значение свойства должно быть целым числом, которое может быть как положительным, так и отрицательным. 1 Значение по умолчанию — 0. 1

Некоторые особенности работы свойства order:

• Вертикальное положение переупорядочиваемых блоков взаимозависимо. 1 Увеличение высоты любого из блоков приводит к автоматическому вертикальному сдвигу визуально следующих за ним блоков. 1
• Свойство order не влияет на порядок стилизации, контент и логическую навигацию элементов. 2 Это значит, что невизуальные пользователи не заметят изменения. 2
• Если требуется вывести элементы в обратном порядке, можно использовать объявление flex-direction: column-reverse для содержащего их контейнера. 1

Свойство order влияет только на визуальное расположение элементов. 2