| Является основным указателем фона как для отдельного блока, так и для всей страницы в целом. С его помощью можно указать цвет фона, фоновое изображение, также можно определить расположение фонового изображения в блоке, фиксировать его, или же позволить прокручиваться в месте с содержимым блока. Свойства: background-color
- указывает цвет фона.
Значение можно указывать шеснадцатеричным числом:
Code background-color: #FFOOOO;
или названием цвета:
Code background-color: red; В обоих примерах цвет фона будет одинаковый (красный).
Следует заметить, что по второму примеру можно указывать только стандартные цвета, и их выбор невелик.
Поэтому рекомендутся пользоваться шеснадцатеричными выражениями. background-image
- указывает на фонове изображение.
В значении прописывается путь к изображению:
Code background-image: url(/images/logo.jpg); background-repeat
- указывает на повтор фонового изображения. Может разрешить повтор по обеим осям (x/y), разрешить повтор только для одной из них, или запретить повтор вовсе.
Примеры:
Code background-repeat: repeat; // повтор по обеим осям
Code background-repeat: repeat-x; // повтор только по оси x
Code background-repeat: repeat-y; // повтор только по оси y
Code background-repeat: no-repeat; // запрещает повтор
Значение по умолчанию - repeat background-position
- указывает позицию фонового изображения относительно блока. Может определятся стандартными командами (left, right, top, bottom, center), пикселями или в процентном соотношении.
Примеры:
Code background-position: top left; // вверху слева
Code background-position: top center; // вверху по центру
Code background-position: top right; // вверху справа
Code background-position: left center; // по центру слева
Code background-position: center center; // по центру блока
Code background-position: right center; // по центру справа
Code background-position: left bottom; // внизу слева
Code background-position: center bottom; // внизу по центру
Code background-position: right bottom; // внизу справа background-attachment
- указывает браузеру поркручивать фоновое изображение вместе со страницей / блоком, или нет.
Примеры:
Code background-attachment: fixed; // фон не прокручивается
Code background-attachment: scroll; // фон прокручивается
Значение по умолчанию - scroll
| 
