Background-repeat

Internet Explorer Netscape Opera Safari Firefox
6.0 7.0 8.0 8.0 9.0 8.0 9.2 9.5 1.3 2.0 3.1 1.5 2.0 3.0
Частично Частично Да Да Да Да Да Да Да Да Да Да Да Да

 

CSS CSS1
Значение по умолчанию repeat
Наследуется Нет
Применяется Ко всем элементам
Аналог HTML Нет

Описание

Определяет, как будет повторяться фоновое изображение, установленное с помощью свойства background-image. Можно установить повторение рисунка только по горизонтали, по вертикали или в обе стороны.

Синтаксис

background-repeat: no-repeat | repeat | repeat-x | repeat-y | inherit

Значения

no-repeat
Устанавливает одно фоновое изображение в элементе без его повторений, положение которого определяется свойством background-position (по умолчанию в левом верхнем углу).
repeat
Фоновое изображение повторяется по горизонтали и вертикали.
repeat-x
Фоновый рисунок повторяется только по горизонтали.
repeat-y
Фоновый рисунок повторяется только по вертикали.
inherit
Наследует значение родителя.

Пример

<!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('mybg.gif'); /* Путь к фоновому рисунку */     background-position: right bottom; /* Положение фона */     background-repeat: repeat-y; /* Повторяем фон по вертикали */    }   </style>  </head>  <body>   <p>...</p>  </body> </html>

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

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

Браузеры

Internet Explorer до седьмой версии включительно не поддерживает значение inherit.