English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
CSS-параметр background-repeat определяетbackground-imageПосле настройки размера и положения фонового изображения, повторение или повторение с перекрытием, а также способ повторения с сокращениямиФонСвойства обычно удобнее.
В таблице ниже总结了 контекст использования и историю версий этого свойства.
Значение по умолчанию: | repeat |
---|---|
Поддерживается: | Все элементы |
Инherit: | Нет |
Анимируемо: | Нет.Пожалуйста, смотрите Анимационные свойства. |
Версия: | CSS 1, 2, 3 |
JavaScript грамматика: | object object.style.backgroundRepeat="repeat-x" |
Грамматика этого свойства такая:
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 фоновый,CSS3 фоновый.
Соответствующие свойства:background,background-attachment,background-color,background-clip,background-image,background-origin,background-position,background-size.