Веб Навсегда.инфоCSS-стили → BACKGROUND-IMAGE

Реклама


!!! Ваша ссылка здесь всего за 10 руб в месяц на всех страницах сайта!!!

BACKGROUND-IMAGE

Описание элемента

Используется, как видно из названия, для указания рисунка фонового изображения.

Однако, в случае если в браузере отключен показ картинок или файл с изображением не найден, то будет использоваться указанный цвет фона, указанный в свойстве BACKGROUND-COLOR или BACKGROUND. Ну а если и цвет не задан, то, естественно, фон будет обычного белого цвета.

Синтаксис

Элемент { background-image: URL('путь') none }

Возможные аргументы

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

Значение по умолчанию

none

Примеры использования

Пример использования BACKGROUND-IMAGE

<!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-color: #000000;
 background-image: url('/img/background.png');
}
</style>
</head>
<body>
<p>
 Вот, собственно вам пример!<br>
 В случае, если изображение background.png окажется слишком большим и будет долго загружаться, то в это врёмя фон будет черного цвета

(#000000). То же самое произойдёт, если изображение не будет найдено, или отключён показ картинок в браузере.
</p>
</body>
</html>