Свойство flex-direction в CSS Flexbox управляет направлением основной и поперечной осей. 2 Оно определяет порядок и направление расположения flex-элементов. 1
Возможные значения свойства:
- row (значение по умолчанию) — элементы располагаются по горизонтали слева направо, поперечная ось идёт вертикально сверху вниз; 2
- row-reverse — элементы располагаются по горизонтали справа налево, поперечная ось идёт вертикально сверху вниз; 2
- column — элементы располагаются по вертикали сверху вниз, поперечная ось идёт горизонтально слева направо; 2
- column-reverse — элементы располагаются по вертикали снизу вверх, поперечная ось идёт горизонтально слева направо. 2
На сайтах с направлением текста справа налево, например, на сайте на арабском языке, для значений row и row-reverse основная ось будет идти в обратном направлении. 2 Для значений column и column-reverse своё направление поменяет поперечная ось. 2