Свойство backgroundRepeat
Пример style.backgroundRepeat
Установить фоновое изображение так, чтобы оно не повторялось:
document.body.style.backgroundRepeat = "repeat-y";Попробуйте сами »
Ещё примеры ниже.
Описание backgroundRepeat
Свойство backgroundRepeat задает или возвращает способ повторения (размещения) фонового изображения.
Похожи на backgroundRepeat
HTML Стили: Свойство background
CSS Учебник: CSS Backgrounds
CSS3 Учебник: CSS3 Backgrounds
CSS Справочник: Свойство background-repeat
Синтаксис backgroundRepeat
Вернуть свойство backgroundRepeat:
object.style.backgroundRepeat
Установите свойство backgroundRepeat:
object.style.backgroundRepeat = "repeat|repeat-x|repeat-y|no-repeat|initial|inherit"
Значение свойства backgroundRepeat
| Значение | Описание |
|---|---|
| repeat | Фоновое изображение повторяется как по вертикали, так и по горизонтали. Это по умолчанию |
| repeat-x | Фоновое изображение повторяется только по горизонтали. |
| repeat-y | Фоновое изображение повторяется только по вертикали. |
| no-repeat | Фоновое изображение не повторяется. |
| initial | Устанавливает это свойство в значение по умолчанию. Читайте о initial |
| inherit | Наследует это свойство от родительского элемента. Читайте о inherit |
Технические детали backgroundRepeat
| Значение по умолчанию: | repeat |
|---|---|
| Возвращаемое значение: | Строка, представляющая способ повторения фонового изображения. |
| CSS Версия | CSS1 |
Поддержка backgroundRepeat
style.backgroundRepeat является функцией CSS1 (1996).
Он полностью поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | Да |
Ещё примеры backgroundRepeat
Измените свойство 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";
}
Попробуйте сами »
Вернуть свойство фонового значение повтора документа:
alert(document.body.style.backgroundRepeat);
Попробуйте сами »