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