Свойство background-repeat CSS

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

background-repeat Настройка атрибута background-repeat определяет, будет ли изображение повторяться и как.

По умолчанию, background изображение повторяется в горизонтальном и вертикальном направлениях.

Подробное описание

Атрибут background-repeat определяет模式 тессellation изображения.

Начало повторения изображения от исходного изображения, которое определено background-image Определяет, и в зависимости от background-position Значение placement.

См. также:

Учебник по CSS:Фон CSS

Руководство по CSS:Атрибут background-position

Руководство по HTML DOM:Атрибут backgroundRepeat

Пример

body
  {
  background-image: url(stars.gif);
  background-repeat: repeat-y;
  }

Попробуйте сами

Советы и комментарии

Совет:Положение background изображения устанавливается с помощью атрибута background-position. Если атрибут background-position не указан, изображение будет放置 в верхнем левом углу элемента.

CSS синтаксис

background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit;

Значение атрибута

Значение атрибута

Значение Описание
repeat Дефолт. Background изображение будет повторяться по горизонтали и вертикали.
repeat-x Background изображение будет повторяться по горизонтали.
repeat-y Background изображение будет повторяться по вертикали.
no-repeat Background изображение будет показано только один раз.
inherit Определяет, что настройка background-repeat атрибута должна быть наследована от родительского элемента.

Технические детали

Дефолтное значение: repeat
Унаследованность: нет
Версия: CSS1
JavaScript синтаксис: объект.style.backgroundRepeat = "repeat-y"

Более примеров

Как повторятьbackground изображение по вертикали
Этот пример демонстрирует, как повторять background изображение по вертикали.
Как повторятьbackground изображение по горизонтали
Этот пример демонстрирует, как повторять background изображение по горизонтали.
Как показатьbackground изображение только один раз
Этот пример демонстрирует, как показать 背景 изображение только один раз.

Поддержка браузерами

Числа в таблице указывают на первую версию браузера, которая полностью поддерживает этот атрибут.

Кроме Эдж Фаерфокс Сафари Опера
Кроме IE / Эдж Фаерфокс Сафари Опера
1.0 4.0 1.0 1.0 3.5