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