Свойство flexDirection
Пример style.flexDirection
Измените направление гибких элементов внутри элемента <div>:
document.getElementById("main").style.flexDirection = "column-reverse";
Попробуйте сами »
Описание flexDirection
Свойство flexDirection задает или возвращает направление гибких элементов.
Примечание: Если элемент не является гибким, свойство flexDirection не имеет никакого эффекта.
Поддержка flexDirection
| Свойство | |||||
|---|---|---|---|---|---|
| flexDirection | Да | 11.0 | Да | 9.0 | Да |
Синтаксис flexDirection
Вернуть свойство flexDirection:
object.style.flexDirection
Установите свойство flexDirection:
object.style.flexDirection = "row|row-reverse|column|column-reverse|initial|inherit"
Значение свойства flexDirection
| Значение | Описание |
|---|---|
| row | Значение по умолчанию. Гибкие элементы отображаются горизонтально, в виде строки |
| row-reverse | То же, что и строка, но в обратном порядке |
| column | Гибкие элементы отображаются вертикально, в виде столбца |
| column-reverse | То же, что и столбец, но в обратном порядке |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали flexDirection
| Значение по умолчанию: | row |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство flex-direction элемента. |
| CSS Версия | CSS3 |
Связанные страницы flexDirection
CSS Справочник: Свойство flex-direction
HTML DOM STYLE Справочник: Свойство flex
HTML DOM STYLE Справочник: Свойство flexBasis
HTML DOM STYLE Справочник: Свойство flexFlow
HTML DOM STYLE Справочник: Свойство flexGrow
HTML DOM STYLE Справочник: Свойство flexShrink
HTML DOM STYLE Справочник: Свойство flexWrap