Свойство flexFlow стиля
Пример
Сделайте так, чтобы гибкие элементы отображались в столбцах, а не переносились:
document.getElementById("main").style.flexFlow = "column nowrap";
Определение и использование
Свойство flexFlow является сокращенным свойством свойств flexDirection и flexWrap.
Свойство flexDirection указывает направление гибких элементов.
Свойство flexWrap указывает, должны ли гибкие элементы переноситься или нет.
Примечание. Если элементы не являются гибкими, свойство flexFlow не действует.
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
flexFlow | Yes | 11.0 | Yes | 9.0 | Yes |
Синтаксис
Вернуть свойство flexFlow:
object.style.flexFlow
Установите свойство flexFlow:
object.style.flexFlow = "flex-direction flex-wrap|initial|inherit"
Значения свойств
Value | Description |
---|---|
flex-direction | Possible values: row row-reverse column column-reverse initial inherit Default value is "row". Specifying the direction of the flexible items |
flex-wrap | Possible values: nowrap wrap wrap-reverse initial inherit Default value is "nowrap". Specifying whether the flexible items should wrap or not |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
Значение по умолчанию: | ряд |
---|---|
Возвращаемое значение: | Строка, представляющая свойство flex-flow элемента. |
CSS-версия | CSS3 |
Связанные страницы
Справочник по CSS: свойство flex-flow
HTML DOM STYLE Справка: свойство flex
HTML DOM STYLE Справка: свойство flexBasis
HTML DOM STYLE Справка: свойство flexDirection
HTML DOM STYLE Справка: свойство flexGrow
HTML DOM STYLE Справка: свойство flexShrink
HTML DOM STYLE Справка: свойство flexWrap
❮ Объект стиля