align-self

Обновлено: 26.05.2022

align-self

Свойство 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 Элемент растягивается таким образом, чтобы занять всё свободное пространство контейнера по поперечной оси.

Пример

Объектная модель

Объект.style.alignSelf

Примечание

Safari до версии 9 поддерживает свойство -webkit-align-self.

Браузеры

align-self

Посмотреть совместимость на Can I use?

align-self