Свойство background-image CSS

Определение и использование

background-image Свойство устанавливает фоновое изображение для элемента.

Фон элемента занимает всю площадь элемента, включая отступы и рамки, но не включая отступы за пределами.

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

Совет:Установите один из доступных цветов фона, чтобы, если фоновое изображение недоступно, страница имела хорошие визуальные эффекты.

Подробное описание

Свойство background-image устанавливает изображение в фоновом изображении элемента.

в зависимости от background-repeat значении свойства, изображение может бесконечно повторяться,沿 оси (оси x или оси y) или не повторяться вовсе.

Исходное фоновое изображение (оригинальное изображение) основывается на background-position Местоположение значения атрибута.

См. также:

CSS учебник:Фон в CSS,CSS фоновые эффекты (расширенный),Радient в CSS

HTML DOM справочник:Атрибут backgroundImage

Пример

Установить изображение в качестве фона страницы:

body
  { 
  background-image: url(bgimage.gif);
  background-color: #000000;
  }

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

CSS синтаксис

background-image: url|none|initial|inherit;

Значение атрибута

Значение атрибута

Значение Описание
url('URL) Путь к изображению.
нет Значение по умолчанию. Не отображается фоновое изображение.
inherit Определяет, что значение свойства background-image должно быть принято от родительского элемента.

Технические детали

Значение по умолчанию: нет
Ингеритность: нет
Версия: CSS1
JavaScript синтаксис: объект.style.backgroundImage="url(stars.gif)"

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

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

Хром Эдж Фаерфокс Сафари Опера
Хром IE / Эдж Фаерфокс Сафари Опера
1.0 4.0 1.0 1.0 3.5