пример
Пусть синий DIV элемент сжиматься в пять раз больше, чем в остальной части гибких элементов:
document.getElementById("myBlueDiv".style.flexShrink = "5";
Попробуй сам " Определение и использование
Свойство flexShrink определяет, как элемент будет уменьшаться по отношению к остальной части гибких элементов внутри одной и той же емкости.
Note: Если элемент не является гибким элемент, свойство flexShrink не имеет никакого эффекта.
Поддержка браузеров
Свойство flexShrink поддерживается в IE10 +, Firefox, Opera и Chrome.
Примечание: Safari 6.1+ поддерживает альтернативу, свойство WebkitFlexShrink.
Синтаксис
Возвращает свойство flexShrink:
object .style.flexShrink
Установите свойство flexShrink:
object .style.flexShrink=" Значения свойств Стоимость Описание number Число, указывающее, сколько элемент будет уменьшаться по отношению к остальной части гибких элементов. Значение по умолчанию равно 0 initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном inherit Inherits это свойство от родительского элемента. Читайте о унаследовать
Технические подробности
Значение по умолчанию: 1 Возвращаемое значение: Строка, представляющая гибкое термоусадочное свойство элемента CSS версия CSS3
Похожие страницы
Ссылка CSS: flex-shrink property
HTML DOM СТАЙЛ Справка: flex property
HTML DOM СТИЛЬ Ссылка: flexBasis property
HTML DOM СТИЛЬ Ссылка: flexDirection property
HTML DOM СТИЛЬ Ссылка: flexFlow property
HTML DOM СТИЛЬ Ссылка: flexGrow property
HTML DOM СТИЛЬ Ссылка: flexWrap property
<Style Object