Описывает элемент как flex-контейнер
Применяется: к контейнеру
Указывает направление осей flex-контейнера
Применяется: к контейнеру
Разрешает flex-элементам располагаться в несколько строк, а также может указывать направление строк flex-direction
Применяется: к контейнеру
Сокращённое свойство для flex-direction
и flex-wrap
Применяется: к контейнеру
Выравнивание flex-элементов вдоль главной оси
Выравнивание flex-элементов вдоль поперечной оси
align-content: flex-start
, flex-end
, center
, space-between
, space-around
, space-evenly
, strecth
Выравнивает ряды flex-эементов вдоль поперечной оси, если значение свойства flex-wrap
указано отличное от nowrap
, т.е. работает для нескольких рядов
Выравнивает flex-элемент вдоль поперечной оси
Изменяет порядок flex-элемента в потоке. Может иметь и отрицательное значение
Базовый размер flex-элемента. Имеет приоритет над свойствами height
и width
. Применяет изменения по направлению главной оси, т.е. если главная ось направлена слева-направо, то будет изменяться ширина flex-элемента, иначе высота.
При одновременном использовании свойств flex-basis
вместе с flex-grow
элемент может быть больше чем он указан во flex-basis
, но не менее. Это справедливо если flex-контейнеру указан flex-wrap
со значением wrap
или wrap-reverse
.
Растягивание flex-элементов на заданный коэффициент.
Коэффициент степени сжатия flex-элементов. Свойство противоположно flex-grow
.