Свойство style.flexFlow
- Предыдущая страница flexDirection
- Следующая страница flexGrow
- Вернуться на один уровень выше Объект Style HTML DOM
Определение и использование
flexFlow
Атрибут является flexDirection и flexWrap Краткое имя свойства.
flexDirection
Атрибут определяет направление эластичных элементов.
flexWrap
Атрибут определяет, должен ли элемент эластичного контейнера переходить на новую строку.
Комментарий:Если элемент не является эластичным элементом, то flexFlow
Атрибут недействителен.
См. также:
Руководство по CSS:flex-flow свойство
Пример
Показывать эластичные элементы по столбцам и не переходить на новую строку:
document.getElementById("main").style.flexFlow = "column nowrap";
Грамматика
Возврат свойства flexFlow:
object.style.flexFlow
Установка свойства flexFlow:
object.style.flexFlow = "flex-direction flex-wrap|initial|inherit"
Значение атрибута
Значение | Описание |
---|---|
flex-direction |
Возможные значения:
Значение по умолчанию - "row". Определяет направление эластичных элементов. |
flex-wrap |
Возможные значения:
Значение по умолчанию - "nowrap". Определяет, должен ли элемент эластичного контейнера переходить на новую строку. |
initial | Этот атрибут устанавливается в его значение по умолчанию. См. initial. |
inherit | Этот атрибут наследуется от родительского элемента. См. inherit. |
Технические детали
Значение по умолчанию: | row nowrap |
---|---|
Возвратное значение: | Строка, представляющая flex-flow свойство. |
Версия CSS: | CSS3 |
Поддержка браузерами
Числа в таблице указывают на версию первого браузера, который полностью поддерживает это свойство.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Поддержка | 11.0 | Поддержка | 9.0 | Поддержка |
Соответствующие страницы
Руководство по стилям HTML DOM:flex свойство
Руководство по стилям HTML DOM:flexBasis свойство
Руководство по стилям HTML DOM:flexDirection свойство
Руководство по стилям HTML DOM:flexGrow свойство
Руководство по стилям HTML DOM:flexShrink свойство
Руководство по стилям HTML DOM:flexWrap свойство
- Предыдущая страница flexDirection
- Следующая страница flexGrow
- Вернуться на один уровень выше Объект Style HTML DOM