Свойство стиля flexShrink
Пример
Пусть синий элемент DIV уменьшится в пять раз больше, чем остальные гибкие элементы:
document.getElementById("myBlueDiv".style.flexShrink = "5";
Определение и использование
Свойство flexShrink указывает, как элемент будет сжиматься по отношению к остальным гибким элементам внутри того же контейнера.
Примечание. Если элемент не является гибким, свойство flexShrink не действует.
Поддержка браузера
Property | |||||
---|---|---|---|---|---|
flexShrink | Yes | 11.0 | Yes | 9.0 | Yes |
Синтаксис
Верните свойство flexShrink:
object.style.flexShrink
Установите свойство flexShrink:
object.style.flexShrink = "number|initial|inherit"
Значения свойств
Value | Description |
---|---|
number | A number specifying how much the item will shrink 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 |
Технические детали
Значение по умолчанию: | 1 |
---|---|
Возвращаемое значение: | Строка, представляющая свойство flex-shrink элемента. |
CSS-версия | CSS3 |
Связанные страницы
Справочник по CSS: свойство flex-shrink
HTML DOM STYLE Справка: свойство flex
HTML DOM STYLE Справка: свойство flexBasis
HTML DOM STYLE Справка: свойство flexDirection
HTML DOM STYLE Справка: свойство flexFlow
HTML DOM STYLE Справка: свойство flexGrow
HTML DOM STYLE Справка: свойство flexWrap
❮ Объект стиля