Свойство background-size в CSS управляет размерами фоновых изображений, позволяя адаптировать их к различным требованиям дизайна. Это свойство предлагает гибкость с несколькими вариантами использования, позволяя вам точно настраивать, как изображение будет отображаться на элементе.

Значение по умолчанию:	auto
Inherited:	no
Animatable:	yes
Version:	CSS3
Синтаксис JavaScript:	object.style.backgroundSize="60px 120px"

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

""

Свойство:	background-size
Chrome	4.0/1.0 -webkit-
Explorer/Edge	9.0
Firefox	4.0/3.6 -moz-
Safari	4.1/3.0 -webkit-
Opera	10.5/ 10.0 -o-

Синтаксис CSS

background-size: auto|length|cover|contain|initial|inherit;

Значения свойств

Значение	Описание
auto	Значение по умолчанию. Фоновое изображение отображается в исходном размере
length	Задает ширину и высоту фонового изображения. Первое значение задает ширину, второе значение задает высоту. Если задано только одно значение, то второй параметр имеет значение "Auto".
percentage	Задает ширину и высоту фонового изображения в процентах от родительского элемента. Первое значение задает ширину, второе значение задает высоту. Если задано только одно значение, то второе устанавливается в "Auto"
cover	Измените размер фонового изображения, чтобы охватить весь контейнер, даже если он должен растянуть изображение или вырезать немного от одного из краев
contain	Измените размер фонового изображения, чтобы убедиться, что изображение полностью отображается
initial	Присваивает этому свойству значение по умолчанию.
inherit	Наследует это свойство из родительского элемента.