Сокращённое свойство background в CSS позволяет объединить все параметры фона элемента в одном компактом выражении. Это свойство дает возможность одновременно задать цвет, изображение, его положение, способ повторения и параметры масштабирования.
| Значение по умолчанию: | Просмотри отдельные свойства |
| Inherited: | no |
| Animatable: | Да, просмотри отдельные свойства. |
| Version: | CSS1 + новые свойства в CSS3 |
| Синтаксис JavaScript: | object.style.background="red url(smiley.gif) top left no-repeat" |
Поддержка браузера
| Свойство: | background |
| Chrome | 1.0 |
| Explorer/Edge | 4.0 |
| Firefox | 1.0 |
| Safari | 1.0 |
| Opera | 3.5 |
Синтаксис CSS
Фон: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;
Значения свойств
| Значение | Описание |
| background-color | Определяет цвет фона, который будет использоваться |
| background-image | Задает одно или несколько фоновых изображений, которые будут использоваться |
| background-position | Определяет положение фоновых изображений |
| background-size | Определяет размер фоновых изображений |
| background-repeat | Указывает, как повторить фоновые изображения |
| background-origin | Определяет область позиционирования фоновых изображений |
| background-clip | Определяет область рисования фоновых изображений |
| background-attachment | Указывает, являются ли фоновые изображения фиксированными или прокручивается с остальной частью страницы |
| initial | Присваивает этому свойству значение по умолчанию. |
| inherit | Наследует это свойство из родительского элемента. |