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.

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

Свойство background-repeat поддерживается во всех основных браузерах.

Читайте также

Похожие посты

CSS-свойство clip

Определяет координаты области, которая будет кадрирована, т.е. содержимое за пределом этой области будет отрезано

CSS-свойство bottom

Задает смещение или отступ от нижнего края элемента

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.