Свойство background-repeat в CSS определяет, будет ли фоновое изображение повторяться и в каких направлениях. Это позволяет управлять тем, как изображение отображается на элементе, и придаёт ему уникальный стиль.

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

Значение по умолчанию:	repeat
Inherited:	no
Animatable:	no
Version:	CSS1
Синтаксис JavaScript:	object.style.backgroundRepeat="repeat-x"

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

Свойство:	background-repeat
Chrome	1.0
Explorer/Edge	4.0
Firefox	1.0
Safari	1.0
Opera	3.5

Синтаксис CSS

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

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

Значение	Описание
repeat	Фоновое изображение повторяется как по вертикали, так и по горизонтали. Последнее изображение будет обрезано, если оно не умещается. Это значение по умолчанию
repeat-x	Фоновое изображение повторяется только по горизонтали
repeat-y	Фоновое изображение повторяется только вертикально
no-repeat	Фоновое изображение не повторяется. Изображение будет показано только один раз
space	Фоновое изображение повторяется как можно больше без обрезки. Первое и Последнее изображения закреплены на обеих сторонах элемента, и пробел распределяется равномерно между изображениями
round	Фон-изображение повторяется и сжимается или растягивается, чтобы заполнить пространство (без зазоров)
initial	Присваивает этому свойству значение по умолчанию.
inherit	Наследует это свойство из родительского элемента.