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