Свойство align-self выравнивает флекс-элементы текущей строки, переписывая значение align-items.

Краткая информация

Значение по умолчанию auto
Наследуется Нет
Применяется К флекс-элементу
Анимируется Нет

Синтаксис

align-self: auto | flex-start | flex-end | center | baseline | stretch

Значения

 auto Берёт родительское значение align-items или stretch, если нет родителя.
flex-start Элемент выравнивается в начале поперечной оси контейнера.
flex-end Элемент выравнивается в конце поперечной оси контейнера
center Элемент выравнивается по центральной линии на поперечной оси.
baseline Элемент выравнивается по базовой линии текста.
stretch  Элемент растягивается таким образом, чтобы занять всё свободное пространство контейнера по поперечной оси.