Свойство flexShrink
Пример style.flexShrink
Пусть синий элемент DIV сократится в пять раз больше, чем остальные гибкие элементы:
document.getElementById("myBlueDiv").style.flexShrink = "5";Попробуйте сами »
Описание flexShrink
Свойство flexShrink определяет, как элемент будет сжиматься относительно остальных гибких элементов внутри того же контейнера.
Примечание: Если элемент не является гибким, свойство flexShrink не имеет никакого эффекта.
Поддержка flexShrink
| Свойство | |||||
|---|---|---|---|---|---|
| flexShrink | Да | 11.0 | Да | 9.0 | Да |
Синтаксис flexShrink
Вернуть свойство flexShrink:
object.style.flexShrink
Установите свойство flexShrink:
object.style.flexShrink = "number|initial|inherit"
Значение свойства flexShrink
| Значение | Описание |
|---|---|
| number | Число, указывающее, насколько элемент сожмется относительно остальных гибких элементов. Значение по умолчанию — 0 |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали flexShrink
| Значение по умолчанию: | 1 |
|---|---|
| Возвращаемое значение: | Строка, представляющая свойство flex-shrink элемента. |
| CSS Версия | CSS3 |
Связанные страницы flexShrink
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