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;
}