flex

flex: none | [ <flex-grow> <flex-shrink> || <flex-basis> ]

📝 Описание

Сокращённая запись для flex-grow, flex-shrink и flex-basis.

Значение по умолчанию: 0 1 auto

🎯 Возможные значения

  • none — эквивалент 0 0 auto
  • auto — эквивалент 1 1 auto
  • <number> — эквивалент <number> 1 0
  • <number> <number> — flex-grow и flex-shrink
  • <number> <number> <width> — все три значения
.item {
  flex: 1 0 200px;
}

🌐 Поддержка браузеров

Все современные браузеры

📚 Подробнее

Подробнее об этом свойстве вы можете узнать в нашем руководстве: Полное руководство по CSS Flexbox