Свойство Background

Сокращённое свойство background в CSS позволяет объединить все параметры фона элемента в одном компактом выражении. Это свойство дает возможность одновременно задать цвет, изображение, его положение, способ повторения и параметры масштабирования.

Значение по умолчанию:Просмотри отдельные свойства
Inherited:no
Animatable:Да, просмотри отдельные свойства.
Version:CSS1 + новые свойства в CSS3
Синтаксис JavaScript:object.style.background="red url(smiley.gif) top left no-repeat"

Поддержка браузера

Свойство:background
Chrome1.0
Explorer/Edge4.0
Firefox1.0
Safari1.0
Opera3.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Наследует это свойство из родительского элемента.