Свойство style.flexShrink

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

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

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

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

CSS Руководствоflex-shrink

Пример

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

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

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

Синтаксис

Возврат свойства flexShrink:

object.style.flexShrink

Установка свойства flexShrink:

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

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

Значение Описание
number Число, определяющее, на сколько будет сжиматься элемент по сравнению с другими эластичными элементами. Значение по умолчанию 0.
initial Set this property to its default value. See initial.
inherit Инherit this property from its parent element. See inherit.

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

Значение по умолчанию: 1
Возвратное значение: Строка, представляющая flex-shrink.
Версия 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 РуководствоflexGrow

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