flex-shrink
Поддержка браузерами
11.0+ | 28.0+ | 29.0+ | 17.0+ | 9.0+ |
Описание
CSS свойство flex-shrink определяет насколько можно сжать flex-элемент относительно остальных элементов внутри flex-контейнера.
Значение по умолчанию: | 1 |
---|---|
Применяется: | к flex-элементам |
Анимируется: | да |
Наследуется: | нет |
Версия: | CSS3 |
Синтаксис JavaScript: | object.style.flexShrink="0"; |
Синтаксис
flex-shrink: число;
Значения свойства
Значение | Описание |
---|---|
число | Значение по умолчанию: 1, указывает что элемент не будет сжиматься. |
Пример
CSS Свойство:
flex-shrink:
Результат:
1
2
3
4
5
CSS Код:
#myBlueDiv {
flex-shrink: 0;
}
flex-shrink: 0;
}