background

Задает фон у блока. Это короткая запись свойств:

background-color
background-image
background-position
background-size
background-repeat
background-origin
background-clip
background-attachment

Если какое-то свойство не указано — будет применено значение по умолчанию. Например, можно задать только цвет или только картинку.

Если нужно указать свойство background-size, оно должно идти через слеш / после background-position.

Можно указать несколько фонов через запятую. Если задано несколько фонов и нужен фоновый цвет, он задается последним.

Примеры

background: #f1e4f9;
background: #f00 url('image.png') top center no-repeat;
background: center linear-gradient(blue, red);
background: url('image.png') center / cover, url('image2.png') repeat-x;

Значения

Значение	Описание
background-color	Цвет фона. Подробнее о цветах в CSS. Если задана фоновая картинка — рекомендуется задавать и фоновый цвет. Если задано несколько фоновых изображений, цвет должен идти на последнем фоне.
background-image	Одно или несколько фоновых изображений.
background-position	Расположение фоновых изображений.
background-size	Размер фоновых изображений.
background-repeat	Повтор у фоновых изображений.
background-origin	Область расположения фонового изображения.
background-clip	Распространение фона под границами элемента.
background-attachment	Фиксирование фона при прокрутке.
inherit	Наследует значение родительского блока.
initial	Устанавливает значение по умолчанию.