CSS background-repeatСвойство

Пример

Повторять background-image только в вертикальном направлении:

body { background-image:url('paper.gif'); background-repeat:repeat-y; }

Определение тега и инструкции по использованию

Задает, как свойство background-image объекта укладывается плиткой.

По умолчанию background-image повторяется по вертикали и горизонтали.

Значение по умолчанию:	repeat
Наследуется:	нет
версия:	CSS1
Синтаксис JavaScript:	object object.style.backgroundRepeat="repeat-y"

Поддержка браузеров

Цифры в таблице указывают первую версию браузера, поддерживающую это свойство.

Число, непосредственно предшествующее -webkit-, -ms- или -moz-, указывает первую версию браузера, поддерживающую свойство с префиксом.

Свойство
background-repeat	1.0	4.0	1.0	1.0	3.5

Браузеры IE8 и более ранних версий не поддерживают несколько фоновых изображений у одного элемента.

ПримечаниеIE7 и более ранние версии не поддерживают значение "inherit". IE8 требует объявления !DOCTYPE. IE9 поддерживает "inherit".

Советы и примечания

Совет:Свойство background-position задаёт положение фонового изображения. Если положение не указано, изображение всегда размещается в левом верхнем углу элемента.

Значение свойства

Значение	Описание
repeat	Фоновое изображение будет повторяться по вертикали и горизонтали. Это значение по умолчанию.
repeat-x	Фоновое изображение повторяется только по горизонтали.
repeat-y	Фоновое изображение повторяется только по вертикали.
no-repeat	background-image не будет повторяться.
inherit	Указывает, что свойство background-repeat должно наследоваться от родительского элемента.

Онлайн-примеры

Как повторять фоновое изображение по вертикали и горизонтали?
В этом примере показано, как повторять фоновое изображение и по вертикали, и по горизонтали.

В этом примере показано, как повторять фоновое изображение только по горизонтали.

В этом примере показано, как отобразить фоновое изображение только один раз без его повторения.

Связанные статьи

Учебник CSS:Фон CSS

Справочное руководство по CSS:свойство background-position

Другие расширения

CSS свойство