Главная->CSS->background-size

background-size

15 Нояб в 13:56

Масштабирует фоновое изображение согласно заданным размерам.

Пример

background-size: [ <значение> | <проценты> | auto ]{1,2} | cover | contain

Аргументы

<значение> - Задает размер в любых доступных для CSS единицах — пикселы (px), сантиметры (cm), em и др.
<проценты> - Задает размер фоновой картинки в процентах от ширины или высоты элемента.
auto - Если задано одновременно для ширины и высоты (auto auto), размеры фона остаются исходными; если только для одной стороны картинки (100px auto), то размер вычисляется автоматически исходя из пропорций картинки.
cover - Масштабирует изображение с сохранением пропорций так, чтобы его ширина или высота равнялась ширине или высоте блока.
contain - Масштабирует изображение с сохранением пропорций таким образом, чтобы картинка целиком поместилась внутрь блока.