пример
Перестановка направления гибких элементов внутри <div> элемент:
document.getElementById("main").style.flexDirection = "column-reverse"; Попробуй сам " Определение и использование
В flexDirection наборов свойств или возвращает направление гибких элементов.
Note: Если элемент не является гибким элемент, свойство flexDirection не имеет никакого эффекта.
Поддержка браузеров
Свойство flexDirection поддерживается в IE10 +, Firefox, Opera и Chrome.
Примечание: Safari 6.1+ поддерживает альтернативу, свойство WebkitFlexDirection.
Синтаксис
Возвращает свойство flexDirection:
object .style.flexDirectionУстановите свойство flexDirection:
object .style.flexDirection="row|row-reverse|column|column-reverse|initial|inherit"
Значения свойств
| Стоимость | Описание |
|---|---|
| row | Значение по умолчанию. Гибкие элементы отображаются горизонтально, как ряд |
| row-reverse | То же строке, но в обратном порядке |
| column | Гибкие элементы отображаются вертикально, как столбец |
| column-reverse | То же колонке, но в обратном порядке |
| initial | Установка этого свойства в значение по умолчанию. Читайте о первоначальном |
| inherit | Inherits это свойство от родительского элемента. Читайте о унаследовать |
Технические подробности
| Значение по умолчанию: | ряд |
|---|---|
| Возвращаемое значение: | Строка, представляющая Flex-направление свойство элемента |
| CSS версия | CSS3 |
Похожие страницы
Ссылка CSS: flex-direction property
HTML DOM СТАЙЛ Справка: flex property
HTML DOM СТИЛЬ Ссылка: flexBasis property
HTML DOM СТИЛЬ Ссылка: flexFlow property
HTML DOM СТИЛЬ Ссылка: flexGrow property
HTML DOM СТИЛЬ Ссылка: flexShrink property
HTML DOM СТИЛЬ Ссылка: flexWrap property
<Style Object