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