background-size

background-size: <size> [, <size>]*

📝 Описание

Устанавливает размер фонового изображения.

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

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

  • auto — пропорциональный размер
  • cover — заполнить контейнер с обрезкой
  • contain — вписать целиком
  • <length> — фиксированный размер
  • <percentage> — процент от контейнера
.hero {
  background-size: cover;
}

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

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