Свойство flexWrap
Пример style.flexWrap
При необходимости оберните гибкие предметы:
document.getElementById("main".style.flexWrap = "wrap";
Попробуйте сами »
Описание flexWrap
Свойство flexWrap определяет, следует ли переносить гибкие элементы или нет.
Примечание: Если элементы не являются гибкими, свойство flexWrap не имеет никакого эффекта.
Поддержка flexWrap
| Свойство | |||||
|---|---|---|---|---|---|
| flexWrap | Да | 11.0 | Да | 9.0 | Да |
Синтаксис flexWrap
Вернуть свойство flexWrap:
object.style.flexWrap
Установите свойство flexWrap:
object.style.flexWrap = "nowrap|wrap|wrap-reverse|initial|inherit"
Значение свойства flexWrap
| Значение | Описание |
|---|---|
| nowrap | Значение по умолчанию. Указывает, что гибкие элементы не будут переноситься |
| wrap | Указывает, что гибкие элементы будут переноситься при необходимости |
| wrap-reverse | Указывает, что гибкие элементы будут переноситься, если необходимо, в обратном порядке |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали flexWrap
| Значение по умолчанию: | nowrap |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство flex-wrap элемента |
| CSS Версия | CSS3 |
Связанные страницы flexWrap
CSS Справочник: Свойство flex-wrap
HTML DOM STYLE Справочник: Свойство flex
HTML DOM STYLE Справочник: Свойство flexBasis
HTML DOM STYLE Справочник: Свойство flexDirection
HTML DOM STYLE Справочник: Свойство flexFlow
HTML DOM STYLE Справочник: Свойство flexGrow
HTML DOM STYLE Справочник: Свойство flexShrink