background-repeat

Браузер	Internet Explorer				Chrome				Opera			Safari				Firefox
Версия	6.0	7.0	8.0	9.0	2.0	3.0	4.0	5.0	9.2	9.6	10	2.0	3.1	4.0	5.0	2.0	3.0	3.6	4.0
Поддержка

Краткая информация

CSS	CSS1
Значение по умолчанию	repeat
Наследуется	Нет
Применяется	Ко всем элементам
Аналог HTML	Нет
Ссылка на спецификацию	открыть в новой вкладке

Описание

Определяет, как будет повторяться фоновое изображение, установленное с помощью параметра background-image, и по какой оси. Можно установить повторение рисунка только по горизонтали, по вертикали или в обе стороны.

Синтаксис

background-repeat: no-repeat | repeat | repeat-x | repeat-y

Аргументы

no-repeat - Устанавливает одно фоновое изображение в элементе без его повторений, положение которого определяется атрибутом background-position (по умолчанию в левом верхнем углу).

repeat - Фоновое изображение повторяется по горизонтали и вертикали.

repeat-x - Фоновый рисунок повторяется только по горизонтали

repeat-y - Фоновый рисунок повторяется только по вертикали

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">



      <html>

      <head>

      <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

      <title>background-repeat</title>

      <style type="text/css">

      BODY {

background-color: #bac89a; /*Цвет фона*/

  background-image: url(images/gradient.png);  /*Путь к фоновому рисунку*/

  background-repeat: repeat-x;  /*Повторяем фон по горизонтали*/

  }

  </style>

  </head>

  <body>

       <p>...</p>

    </body>

    </html>

Объектная модель

[window.]document.getElementById("elementID").style.backgroundRepeat

background-repeat

Категории

Последние комментарии

	Русский
	English