width
?
Ширина текущего блока внутри флекс контейнера.
height
?
Высота текущего блока внутри флекс контейнера.
margin
?
Устанавливает величину внешнего отступа от каждого края элемента в одном объявлении.
padding
?
Устанавливает величину внутреннего отступа от каждого края элемента в одном объявлении.
order
?
Устанавливает порядок следования флекс элемента в контейнере относительно остальных. Если вы указываете значение для одного флекс элемента в контейнере, то это значение не будет являться его порядковым номером , а указывает только на "вес" его позиции по отношению к другим элементам. Допускается применение отрицательных значений (значение -1, например, смещает элемент к левому краю родительского контейнера). Значение по умолчанию 0 .
align-self
?
Задает выравнивание отдельных элементов строки внутри флекс контейнера. Свойство переопределяет значение выравнивания, заданного для контейнера свойством align-items конкретному элементу. Возможные значения:
auto - элемент наследует значение его родительского контейнера. Если родительский контейнер не имеет значения, то значение, устанавливается, как stretch . Это значение по умолчанию.
stretch - элемент растягивается по размеру строки контейнера вдоль поперечной оси.
center - элемент располагается по центру строки контейнера (середина поперечной оси).
flex-start - элемент располагается в начале строки контейнера (начало поперечной оси).
flex-end - элемент располагается в конце строки контейнера (конец поперечной оси).
baseline - элемент распологается по его базовой линии строки контейнера.
auto
stretch
center
flex-start
flex-end
baseline
flex-grow
?
Указывает на сколько элемент может увеличиться по отношению к остальным флекс элементам в одном контейнере.
Например, если в контейнере все блоки имеют значение свойства равное 1, а один блок имеет значение 2, то это означает, что он будет в два раза больше по отношению к ним (относительное значение). Если мы при этом добавим в контейнер еще один блок, то при этом ширина контейнера не изменится, а блок, который имел значение 2 по прежнему останется в два раза больше остальных, при этом ширина всех блоков пропорционально уменьшится. Значение по умолчанию 0.
flex-shrink
?
Определяет, как элемент будет сжиматься относительно остальных флекс элементов в контейнере (при недостатке свободного пространства). Если мы устанавливаем значение равное 0, то мы запрещаем сжиматься элементу до размеров меньше чем его базовая ширина. Значение по умолчанию 1 .
flex-basis
?
Определяет размер для флекс элемента, установленный по умолчанию перед распределением пространства внутри флекс контейнера. Допускается использование как абсолютных значений (px , em , pt и так далее), так и значения в процентах. Значение по умолчанию auto (если элемент не имеет заданного размера, то размер будет высчитываться в зависимости от содержания элемента).
flex
?
Является короткой записью для свойств flex-grow , flex-shrink и flex-basis . Значение по умолчанию 0 1 auto .