Свойство flexGrow стиля
Пример
Пусть синий элемент DIV станет в пять раз шире, чем остальные гибкие элементы:
document.getElementById("myBlueDiv").style.flexGrow = "5";
Определение и использование
Свойство flexGrow указывает, насколько элемент будет увеличиваться относительно остальных гибких элементов внутри того же контейнера.
Примечание. Если элемент не является гибким, свойство flexGrow не действует.
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
flexGrow | Yes | 11.0 | Yes | 9.0 | Yes |
Синтаксис
Вернуть свойство flexGrow:
object.style.flexGrow
Установите свойство flexGrow:
object.style.flexGrow = "number|initial|inherit"
Значения свойств
Value | Description |
---|---|
number | A number specifying how much the item will grow relative to the rest of the flexible items. Default value is 0 |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
Значение по умолчанию: | 0 |
---|---|
Возвращаемое значение: | Строка, представляющая свойство flex-grow элемента. |
CSS-версия | CSS3 |
Связанные страницы
Справочник по 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
❮ Объект стиля