background-image

Браузер	Internet Explorer				Chrome				Opera			Safari				Firefox
Версия	6.0	7.0	8.0	9.0	2.0	3.0	4.0	5.0	9.2	9.6	10	2.0	3.1	4.0	5.0	2.0	3.0	3.6	4.0
Поддержка

Краткая информация

CSS	CSS1
Значение по умолчанию	none
Наследуется	Нет
Применяется	Ко всем элементам
Аналог HTML	<body background="URL">
Ссылка на спецификацию	открыть в новой вкладке

Описание

Устанавливает фоновое изображение для элемента. Если одновременно для элемента задан цвет фона, он будет показан, пока фоновая картинка не загрузится полностью. То же произойдет, если изображение не доступно или отключен их показ в браузере. В случае наличия в рисунке прозрачных областей, через них будет проглядывать фоновый цвет.

Синтаксис

background-image: url(путь к файлу) | none

Аргументы

В качестве значения используется путь к графическому файлу, который указывается внутри конструкции url(). Путь к файлу при этом можно писать как в кавычках (двойных или одинарных), так и без них. Когда фоновое изображение не требуется, аргумент может принимать значение none.

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">



      <html>

      <head>

      <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

      <title>background-image</title>

      <style type="text/css">

      BODY {

background-image: url(images/bg.jpg); /*Путь к фоновому изображению*/

  background-color: #c7b29a;  /*Цвет фона*/

  }

  </style>

  </head>

  <body>

       <p>...</p>

    </body>

    </html>

Объектная модель

[window.]document.getElementById("elementID").style.backgroundImage

background-image

Категории

Последние комментарии

	Русский
	English