Определяет изображение, которое будет использоваться в качестве фонового рисунка. В отличие от обычных изображений, для фона не устанавливаются ширина и высота, и он всегда отображается в натуральную величину с масштабом 100%. Если рисунок по размеру меньше окна браузера, то картинка повторяется по горизонтали вправо и вниз, выстраиваясь как мозаика. По этой причине на месте стыка фоновых картинок могут возникнуть видимые перепады, заметные для посетителей сайта. При выборе фонового рисунка убедитесь, что обеспечен достаточный контраст между ним и текстом веб-страницы. В качестве фона допускается использовать формат PNG, JPEG и анимированные изображения в формате GIF.
Это устаревший атрибут, взамен него используйте стили.
Синтаксис
<body background="<адрес>">
...
</body>
Значения
Любой допустимый адрес изображения — можно использовать относительный или абсолютный путь.
Значение по умолчанию
Нет.
Пример
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>BODY, атрибут background</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body background="image/snow.gif">
...
</body>
</html>
Примечание
Чтобы задать фоновый рисунок для страницы, используйте стилевое свойство background-image, добавляя его к селектору body.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>background-image</title>
<style>
body {
background-image: url(/example/image/bg.jpg);
}
</style>
</head>
<body>
...
</body>
</html>
Браузеры
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.