Сокращённое свойство 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 | Наследует это свойство из родительского элемента. |