align-self
Обновлено: 15.12.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.