Style flexGrow атрибут

Определение и использование

flexGrow Атрибут определяет, на сколько увеличится элемент по сравнению с другими эластичными элементами в одном контейнере.

Комментарий:Если элемент не является эластичным элементом, то flexGrow Атрибут недействителен.

Дополнительная информация:

CSS руководствоflex-grow

Пример

Делает голубой DIV элемент в пять раз больше других эластичных элементов:

document.getElementById("myBlueDiv").style.flexGrow = "5";

Попробуйте сами

Синтаксис

Возврат flexGrow

object.style.flexGrow

Установить flexGrow

object.style.flexGrow = "number|initial|inherit"

Значение атрибута

Значение Описание
number Число, определяющее прирост элемента по сравнению с другими эластичными элементами. Значение по умолчанию равно 0.
initial Установить этот атрибут в его значение по умолчанию. См. initial.
inherit Инheritует этот атрибут от родительского элемента. См. inherit.

Технические детали

Значение по умолчанию: 0
Возвратное значение: Строка, представляющая flex-grow.
Версия CSS: CSS3

Поддержка браузерами

Числа в таблице указывают на версию первого браузера, который полностью поддерживает этот атрибут.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка 11.0 Поддержка 9.0 Поддержка

Связанные страницы

HTML DOM STYLE руководствоflex

HTML DOM STYLE руководствоflexBasis

HTML DOM STYLE руководствоflexDirection

HTML DOM STYLE руководствоflexFlow

HTML DOM STYLE руководствоflexShrink

HTML DOM STYLE руководствоflexWrap