https://developer.mozilla.org/ru/docs/Web/CSS/order > Данное свойство прописывается [[flex container и flex items|flex-элементу]] Свойство `order` в CSS Flexbox используется для управления порядком отображения [[flex container и flex items|flex-элементов]] внутри [[flex container и flex items|flex-контейнера]]. Оно позволяет изменять естественный порядок элементов без необходимости менять их порядок в HTML-коде. Значения свойства `order` влияют на то, как элементы располагаются относительно друг друга по основной оси контейнера. ### Значения свойства - **Любое целое число (integer)**: Значение может быть положительным, нулевым или отрицательным. По умолчанию все элементы имеют `order` равное `0`. Элементы с меньшими значениями `order` располагаются перед элементами с большими значениями. Например, элемент с `order: -1` будет располагаться перед элементом с `order: 0`. - **0**: Значение по умолчанию для свойства `order` - `0`. Это означает, что без явного задания `order` элементы будут следовать в том порядке, в котором они объявлены в HTML. ### Синтаксис ```css .child { order: 5; } ``` ### Интерактивная визуализация <iframe src="https://interactive-examples.mdn.mozilla.net/pages/css/order.html" width="100%" height="380px"></iframe>