Slyweb
На разработку сайта! Скидки 50%!
Поиск CSS свойств и HTML элементов:
поиск



Все CSS свойства и HTML элементы справочника
background-repeat

Ключевые слова

repeat Фоновое изображение повторяется по вертикали и по горизонтали.
repeat-x Фоновое изображение повторяется только по горизонтали.
repeat-y Фоновое изображение повторяется только по вертикале.
no-repeat Фоновое изображение не повторяется, в качестве фона устанавливается только единичное изображение.

Пример устанавливает фон элемента в виде фонового изображение, которое повторяется только по вертикали и позиционируется по центру элемента.

  1.BODY {
  2. background: white url("pendant.gif");
  3. background-repeat: repeat-y;
  4. background-position: center;
  5.}
  6.
  7.

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2.<HTML>
  3.<HEAD>
  4.<TITLE>Сокращенный вариант записи для всех свойств фона</TITLE>
  5.<STYLE type="text/css">
  6.BODY { background: url("fon.jpeg") 0% repeat-y fixed }
  7.P {margin-left:100px;}
  8.</STYLE>
  9.</HEAD>
10.<BODY>
11.<p>
12.Женщины в большинстве своем оттого
13.так безразличны к дружбе,
14.что она кажется им пресной в сравнении с любовью.
15.Франсуа де Ларошфуко.
16.</p>
17.</BODY>
18.</HTML>
19.
20.
Сокращенный запись свойств фона
Сокращенный запись свойств фона


Доступ и установка с jQuery

  • Получить свойство backgroundRepeat: val = $("div").css("backgroundRepeat");
  • Установить свойство backgroundRepeat: $("div").css({"backgroundRepeat":"..."});
  • Установить свойство backgroundRepeat: $("div").css("backgroundRepeat","...");
  • Как использовать популярный jQuery для свойств CSS, - читайте статью "jQuery для начинающих".
Александр Ермаков. Хостинг - www.pwstudio.org