Свойство background задает одновременно все свойства фона: background-attachment, background-color, background-image, background-position, background-repeat, background-size, background-origin, background-clip.

См. также тег img, с помощью которого можно сделать картинку в HTML коде.

Синтаксис

CSS 2.1

Порядок свойств значения не имеет. Ненужные свойства можно опускать - в этом случае оно примет значение по умолчанию:

селектор {
	background: background-attachment background-color background-image background-position background-repeat;
}
селектор {
	background: inherit;
}

CSS 3

В CSS3 можно задавать несколько картинок фона одновременно с помощью свойства background. Если для элемента задано несколько фонов, то способ их прокрутки background перечисляется через запятую:

селектор {
	background: scroll black url('bg1.png') top left no-repeat, fixed blue url('bg2.png') 10% 20% repeat-y;
}

Также в CSS3 появились новые свойства. Поэтому свойство-сокращение background теперь выглядит так (обратите внимание на слеш между background-position / background-size):

селектор {
	background:
		background-color background-image background-repeat background-attachment
		background-position / background-size background-origin background-clip;
}

Значения и примеры

См. соответствующие свойства: background-attachment, background-color, background-image, background-position, background-repeat, background-size, background-origin, background-clip.

inherit - наследует значение родителя.