CSS свойство background-repeat, поддержка в браузерах, примеры использования // Вебшкола онлайн



up_violet-5717944Перейти к справке CSS

body

{

background-image:url(‘paper.gif’);

background-repeat:repeat-y;

}

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

Свойство CSS background-repeat задает повтор фонового изображения.

По умолчанию для фоновых изображений действует повтор по вертикали и горизонтали.

Значение по умолчанию repeat, повторять
Наследование нет
Версия CSS CSS 1
Синтаксис JavaScript object.style.backgroundRepeat=»repeat-y»

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

chrome-1622308 firefox-6819650 ie-1636102 opera-7418985 safari-2072458
Свойство background-repeat поддерживается всеми основными браузерами.

Заметка: ни одна из версий IE (включая IE8) не поддерживает значение inherit.

Советы

Фоновое изображение позиционируется согласно значению свойства background-position. Если это положение не указано, фоновое изображение отображается от верхнего левого угла.

Возможные значения свойства background-repeat

Значение Описание
repeat Фоновое изображение повторяется и по горизонтали, и по вертикали. Это значение по умолчанию
repeat-x Фоновое изображение повторяется только по горизонтали
repeat-y Фоновое изображение повторяется только по вертикали
no-repeat Изображение отображается только один раз
inherit Значение наследуется от родительского элемента

Связанные страницы

Учебник CSS: CSS background

up_violet-5717944Перейти к справке CSS