Атрибут alignItems стиля

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

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

Совет:Используйте для каждого элемента атрибут align-self для align-items атрибут.

Пример

Поставить все элементы <div> с эластичностью в начале контейнера:

document.getElementById("main").style.alignItems = "flex-start";

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

Синтаксис

Возврат alignItems атрибута:

object.style.alignItems

Установка alignItems атрибута:

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

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

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

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

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

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

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

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

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

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

Руководство по CSS:align-items атрибут

Руководство HTML DOM STYLE:Атрибут alignContent

Руководство HTML DOM STYLE:Атрибут alignSelf