Свойство backgroundRepeat стиля

Определение и использование

backgroundRepeat Настройка или возврат того, как повторяется (тиснение) фоновое изображение.

См. также:

HTML стили:Свойство background

CSS учебник:Фон CSS

CSS3 учебник:CSS3 фоны

CSS справочник:Свойство background-repeat

Пример

Пример 1

Установите фоновое изображение в качестве не повторяющегося (no-repeat):

document.body.style.backgroundRepeat = "repeat-y";

Попробуйте сами

Пример 2

Измените свойство backgroundRepeat指定的 DIV элемента:

document.getElementById("myDIV").style.backgroundRepeat = "repeat-x";

Попробуйте сами

Пример 3

Установите повторение фонового изображения по горизонтали или вертикали:

function repeatVer() {
  document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
  document.body.style.backgroundRepeat = "repeat-x";
}

Попробуйте сами

Пример 4

Возврат значения background-repeat документа:

alert(document.body.style.backgroundRepeat);

Попробуйте сами

Грамматика

Возврат свойства backgroundRepeat:

объект.style.backgroundRepeat

Установка свойства backgroundRepeat:

объект.style.backgroundRepeat = "repeat|repeat-x|repeat-y|no-repeat|initial|inherit"

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

Значение Описание
repeat Фоновое изображение повторяется как вертикально, так и горизонтально. По умолчанию.
repeat-x Фоновое изображение повторяется только горизонтально.
repeat-y Фоновое изображение повторяется только вертикально.
no-repeat Фоновое изображение не повторяется.
initial Sets this property to its default value. См. initial.
inherit Инherits this property from its parent element. См. inherit.

Технические детали

Значение по умолчанию: repeat
Возвратное значение: Строка, которая указывает, как повторяется фоновое изображение.
Версия CSS: CSS1

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

backgroundRepeat Это функция CSS1 (1996)。

Все браузеры полностью поддерживают его:

Кروм Эдж Фаерфокс Сафари Опера IE
Кروм Эдж Фаерфокс Сафари Опера IE
Поддержка Поддержка Поддержка Поддержка Поддержка Поддержка