CSS backgroundСвойство


Пример

Установите несколько фоновых изображений (и укажите их позиции) в элементе div.

body { background: #0080FF url('smiley.gif') no-repeat fixed center; }

Попробуйте сами »

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

Числа в таблице показывают первую версию браузера, которая полностью поддерживает это свойство.

Свойство
background 1.0 4.0 1.0 1.0 3.5

Все основные браузеры поддерживают свойство background.

ПримечаниеIE8 и более ранние версии не поддерживают несколько фоновых изображений для одного элемента.

ПримечаниеIE7 и более ранние версии не поддерживают значение "inherit". IE8 требует определения.！DOCTYPEIE9 поддерживает "inherit".

Определение тега и инструкции по использованию

Сокращённое свойство background может задавать все свойства background в одном объявлении.

Можно задавать свойства по отдельности: background-color, background-position, background-size, background-repeat, background-origin, background-clip, background-attachment и background-image.

Значения разделяются пробелами, в произвольном порядке. Можно задать только некоторые из значений, напримерbackground：＃FF0000 URL（smiley.gif);допускается.

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

Синтаксис

background:bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

Значение Описание CSS
background-color Задает цвет фона, который будет использоваться 1
background-position Задает положение фонового изображения 1
background-size Задает размер фонового изображения 3
background-repeat Задает способ повторения фонового изображения 1
background-origin Задает область позиционирования фонового изображения 3
background-clip Задает область отрисовки фонового изображения 3
background-attachment Устанавливает, фиксировано ли фоновое изображение или прокручивается вместе с остальной частью страницы. 1
background-image Задает одно или несколько фоновых изображений для использования. 1

Связанные статьи

Учебник по CSS:Фоны CSS

Учебник CSS3:Фоны CSS3

Другие расширения