Свойство style alignSelf

Определение и использование

alignSelf Атрибут определяет способ выравнивания выбранного элемента в эластичном контейнере.

Комментарий:Свойство alignSelf будет перекрывать свойство align-items эластичного контейнера Свойство alignItems.

Пример

Установите способ выравнивания для одного из элементов в эластичном контейнере, чтобы он соответствовал контейнеру:

document.getElementById("myBlueDiv").style.alignSelf = "stretch";

Попробуйте сами

Грамматика

Возвратить свойство alignSelf:

object.style.alignSelf

Установить свойство alignSelf:

object.style.alignSelf = "auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"

Значение атрибута

Значение Описание
auto По умолчанию. Элемент наследует атрибут align-items родительского контейнера, если нет родительского контейнера, то "stretch".
stretch Элемент растягивается, чтобы соответствовать контейнеру.
center Элемент расположен в центре контейнера.
flex-start Элемент расположен в начале контейнера.
flex-end Элемент расположен в конце контейнера.
baseline Элемент расположен на базовой линии контейнера.
initial Установите этот атрибут в его значение по умолчанию. См. initial.
inherit Инherit этот атрибут от родительского элемента. См. inherit.

Технические детали

Значение по умолчанию: auto
Возвратное значение: Строка, представляющая элемент align-self свойство.
Версия CSS: CSS3

Поддержка браузеров

alignItems Это функция CSS3 (1999).

Все браузеры полностью поддерживают его:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
поддерживает поддерживает поддерживает поддерживает поддерживает 11

Соответствующие страницы

Руководство по CSS:align-self свойство

Руководство HTML DOM STYLE:Свойство alignContent

Руководство HTML DOM STYLE:Свойство alignItems