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

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

По умолчанию, фоновое изображение повторяется по горизонтали и вертикали.

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

CSS синтаксис

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

Возможные значения

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

Пример

Зададим, чтобы фоновое изображение повторялось только по вертикали


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