flex-shrink

Обновлено: 29.03.2023

flex-shrink

Устанавливает коэффициент сжатия флексов в контейнере и задаёт, насколько элемент будет уменьшаться по отношению к другим флексам, чтобы разместить все элементы в одну строку.

Краткая информация

Значение по умолчанию 1
Наследуется Нет
Применяется К флекс-элементам
Анимируется Да

Синтаксис

flex-shrink: <число>

Значения

Принимаются целые (1, 2, 3,…) или дробные числа (например: 0.6). Отрицательные значения игнорируются.

Пример

Примечание

Safari до версии 9 поддерживает свойство -webkit-flex-shrink.

Браузеры

flex-shrink

Посмотреть совместимость на Can I use?

flex-shrink