Свойство стиля flexDirection
Пример
Измените направление гибких элементов внутри элемента <div>:
document.getElementById("main").style.flexDirection = "column-reverse";
Определение и использование
Свойство flexDirection задает или возвращает направление гибких элементов.
Примечание. Если элемент не является гибким, свойство flexDirection не действует.
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
flexDirection | Yes | 11.0 | Yes | 9.0 | Yes |
Синтаксис
Верните свойство flexDirection:
object.style.flexDirection
Установите свойство flexDirection:
object.style.flexDirection = "row|row-reverse|column|column-reverse|initial|inherit"
Значения свойств
Value | Description |
---|---|
row | Default value. The flexible items are displayed horizontally, as a row |
row-reverse | Same as row, but in reverse order |
column | The flexible items are displayed vertically, as a column |
column-reverse | Same as column, but in reverse order |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
Значение по умолчанию: | ряд |
---|---|
Возвращаемое значение: | Строка, представляющая свойство flex-direction элемента. |
CSS-версия | CSS3 |
Связанные страницы
Справочник по 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
❮ Объект стиля