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

CSS-свойство background-repeat указывает, будет ли background-image повторяться по горизонтали и вертикали, чтобы заполнить все доступное пространство. Часто удобнее использовать свойство background.

Значение по умолчанию:	`repeat`
Применяется к:	Все элементы
Наследование:	Нет
Анимирование:	Нет. Анимируемые свойства
Версия:	CSS 1, 2, 3

Синтаксис

Синтаксически свойства задаются по следующему шаблону:

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

Примеры написания кода свойства background-repeat:

body {
    background-image: url("images/gradient.png");
    background-repeat: repeat-x;
}

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

В следующей таблице описаны значения этого свойства.

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