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;
}