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

Реклама


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

BACKGROUND-REPEAT

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

Задаёт повторение фонового изображения.

Напомню, что сам фоновый рисунок задается с помощью BACKGROUND-IMAGE, описание которого есть в меню выше. А это свойство устанавливает по какой оси и в какие стороны будет повторяться изображение.

Синтаксис

Элемент { background-repeat: no-repeat repeat-x repeat-y repeat }

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

no-repeat - отменяет повторение фонового изображения.

repeat-x - заставляет фоновое изображение повторяться только по оси X

repeat-y - заставляет фоновое изображение повторяться только по оси Y

repeat - заставляет фоновое изображение повторяться в обоих направлениях.

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

repeat

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

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

<!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-REPEAT</title>
<style type="text/css">
BODY
{
 background-image: url('BG_Body.jpg');
 background-repeat: repeat-y;
}
</style>
</head>
<body>
<p>
И фоновое изображение будет при этом повторяться только по оси Y, т.е. по вертикали. А по горизонтали будет идти столько, насколько его хватит... затем будет просто обычный фон...
</p>
</body>
</html>