Свойство align-self определяет, как конкретный элемент будет выравнен в пределах гибкого контейнера. Оно позволяет установить индивидуальное выравнивание для элемента, отличное от заданного для всего контейнера.
Примечание: align-selfсвойство переопределяет свойство выравнивания элементов гибкого контейнера.
| Значение по умолчанию: | Автоматизация |
| Inherited: | no |
| Animatable: | no. |
| Version: | CSS3 |
| Синтаксис JavaScript: | object.style.alignSelf="center" |
Поддержка браузера
| Свойство: | align-self |
| Chrome | 21.0 |
| Explorer/Edge | 11.0 |
| Firefox | 20.0 |
| Safari | 9.0 /7.0 -webkit- |
| Opera | 12,1 |
Синтаксис CSS
align-self: auto|stretch|center|flex-start|flex-end|baseline|initial|inherit;
Значения свойств
| Значение | Описание |
| auto | По умолчанию. Элемент наследует свойство выравнивания элементов родительского контейнера или "Stretch", если у него нет родительского контейнера |
| stretch | Элемент располагается в соответствии с контейнером |
| center | Элемент располагается в центре контейнера |
| flex-start | Элемент располагается в начале контейнера |
| flex-end | Элемент располагается в конце контейнера |
| baseline | Элемент располагается в базовой линии контейнера |
| initial | Присваивает этому свойству значение по умолчанию. |
| inherit | Наследует это свойство из родительского элемента. |