English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по CSS

CSS @rules (правила)

Полный список свойств CSS

Метод использования и примеры CSS-параметра background-repeat

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, все основные браузеры поддерживают это свойство.

  • Firefox 1+

  • Google Chrome 1+

  • Internet Explorer 4+

  • Safari 1+

  • Opera 3.5+

Дополнительное чтение

Пожалуйста, обратитесь к следующим руководствам:CSS фоновый,CSS3 фоновый.

Соответствующие свойства:background,background-attachment,background-color,background-clip,background-image,background-origin,background-position,background-size.