gap

gap: <row-gap> <column-gap>

📝 Описание

Устанавливает отступы между flex/grid-элементами.

Значение по умолчанию: normal

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

  • <length> — значение в px, em, rem и т.д.
  • <percentage> — процент от размера контейнера
  • normal — отступ по умолчанию (обычно 0)
.flex-container {
  display: flex;
  gap: 1rem;
}

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

Chrome 84+, Firefox 63+, Safari 14.1+

📚 Подробнее

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