Свойство alignSelf
Пример style.alignSelf
Установите выравнивание для одного из элементов внутри гибкого элемента, чтобы он соответствовал контейнеру:
document.getElementById("myBlueDiv").style.alignSelf = "stretch";
Попробуйте сами »
Описание alignSelf
Свойство alignSelf определяет выравнивание выбранного элемента внутри гибкого контейнера.
Примечание: Свойство alignSelf переопределяет свойство alignItems гибкого контейнера.
Синтаксис alignSelf
Верните свойство alignSelf:
object.style.alignSelf
Установите свойство alignSelf:
object.style.alignSelf = "auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"
Значение свойства alignSelf
| Значение | Описание |
|---|---|
| auto | По умолчанию. Элемент наследует свойство align-items своего родительского контейнера или "stretch", если у него нет родительского контейнера |
| stretch | Элемент позиционируется так, чтобы соответствовать контейнеру. |
| center | Элемент расположен в центре контейнера. |
| flex-start | Элемент расположен в начале контейнера. |
| flex-end | The element is positioned at the end of the container |
| baseline | Элемент располагается на базовой линии контейнера. |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали alignSelf
| Значение по умолчанию: | auto |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство align-self элемента. |
| CSS Версия | CSS3 |
Поддержка alignSelf
style.alignSelf функция CSS3 (1999).
Полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 11 |
Связанные страницы alignSelf
CSS Справочник: Свойство align-self
HTML DOM STYLE Справочник: Свойство alignContent
HTML DOM STYLE Справочник: Свойство alignItems