Свойство стиля backgroundRepeat
Пример
Установите фоновое изображение без повтора:
document.body.style.backgroundRepeat = "repeat-y";
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Свойство backgroundRepeat задает или возвращает способ повторения (плитки) фонового изображения.
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, которая полностью поддерживает это свойство.
Property | |||||
---|---|---|---|---|---|
backgroundRepeat | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Синтаксис
Вернуть свойство backgroundRepeat:
object.style.backgroundRepeat
Установите свойство backgroundRepeat:
object.style.backgroundRepeat = "repeat|repeat-x|repeat-y|no-repeat|initial|inherit"
Значения свойств
Value | Description |
---|---|
repeat | The background image is repeated both vertically and horizontally. This is default |
repeat-x | The background image is only repeated horizontally |
repeat-y | The background image is only repeated vertically |
no-repeat | The background-image is not repeated |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Технические детали
Значение по умолчанию: | повторение |
---|---|
Возвращаемое значение: | Строка, представляющая, как повторяется фоновое изображение. |
CSS-версия | CSS1 |
Дополнительные примеры
Пример
Измените свойство backgroundRepeat указанного элемента DIV:
document.getElementById("myDIV").style.backgroundRepeat = "repeat-x";
Пример
Установите фоновое изображение для повторения по горизонтали или по вертикали:
function repeatVer()
{
document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
document.body.style.backgroundRepeat = "repeat-x";
}
Пример
Возвращает значение background-repeat документа:
alert(document.body.style.backgroundRepeat);
Связанные страницы
Учебное пособие по CSS: Фон CSS
Справочник по CSS: свойство background-position
Справочник по CSS: свойство background-repeat
Справочник по HTML DOM: свойство background