Каждая таблица стилей образуется из наборов правил. Чтобы лучше понять, что же такое правила, давайте разберем их структуру. Каждое правило имеет две основные части: селектор (selector) и блок объявлений (declaration block).

Структура правила CSS

Блок объявлений состоит из одного или более объявлений (declarations), а каждое объявление представляет собой сочетание свойства (property) и значения (value).

Селектор, расположенный в левой части правила, определяет, на какие части документа распространяется правило. В правой части правила находится блок объявлений, образованный одним или несколькими объявлениями. Каждое объявление представляет собой сочетание свойства CSS и значения этого свойства. Выше представлен блок, содержащий два объявления. Первое определяет, что согласно правилу цвет (color) указанных элементов документа будет красным (red), а второе — что фон (background) этих элементов будет желтым (yellow). Таким образом, все элементы H1 (определённые селектором) этого документа будут выводиться красным текстом на желтом фоне.

Текущая категория

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

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

Значения:

<?php
repeat 
repeat-repeat-no-repeat inherit

Начальное значение: repeat
Область применения: все элементы
Наследование: нет
Вычисляемое значение: как задано

Если задано значение repeat, изображение выкладывается мозаикой в вертикальном и в горизонтальном направлениях. Если задать значения repeat-x и repeat-y, то изображение повторяется в горизонтальном или вертикальном направлениях соответственно, а значение no- repeat вообще предотвращает мозаичное выкладывание изображения в любом направлении.
По умолчанию фоновое изображение размещается, начиная с верхнего левого угла элемента. Применение следующих правил даст результат, представленный на примере:

<?php
body 
{
background-imageurl(bg.gif); 
background-repeat:  repeat-y; }

Если требуется повторять изображение вдоль верха документа, достаточно немного изменить правило:

<?php 
body 

background-imageurl(bg.gif);  
background-repeat:  repeat-x; }

Изображение повторяется вдоль оси х (т. е. горизонтально) от своего начального положения, в данном случае от верхнего левого угла окна броузера.

Наконец, можно вообще не повторять фоновое изображение. В этом случае указывается значение no-repeat:

<?php  
body 
{  
background-imageurl(bg.gif);   
background-repeatno-repeat; }

Текущая категория

ПОЛЕЗНЫЕ ССЫЛКИ: