background-repeat: repeat-y;

background-attachment: fixed;

}

При использовании приведенного примера для какого-то HTML-документа цвет фона документа станет красным, а на странице сформируется бесконечная вертикальная полоса из файла pendant.gif. Полоса будет оставаться как бы «приклеенной» к окну просмотра во время горизонтальной или вертикальной прокрутки.

Вы также можете задать начальное положение фонового изображения на странице, используя свойство background-position. Есть несколько способов присвоения значения данному свойству.

Например, вы можете задавать местоположение, используя проценты. Причем если вы используете пару значений 0 % 0 %, то верхний левый угол изображения выравнивается относительно верхнего левого угла краевой линии отступов блока. Если зададите пару значений 100 % 100 %, то нижний правый угол изображения помещается в нижний правый угол краевой линии отступов. Если вы зададите пару значений 14 % 8 4 %, то верхний левый угол изображения смещается вдоль изображения на 14 % вправо по горизонтали и на 84 % вниз по вертикали. Тем самым он помещается в точку, смещенную вдоль области, предназначенной для отступов, на 14 % вправо по горизонтали и на 84 % вниз по вертикали.

Вы также можете задать данное значение, используя число и единицу длины. Например, если вы зададите пару 2 cm 2 cm, то верхний левый угол изображения помещается на 2 см правее и 2 см ниже верхнего левого угла области, предназначенной для отступов.

Помимо этого, вы можете использовать в качестве значений ключевые слова. Ниже приведены их список и описания:

• top left и left top – аналогично паре значений 0 % 0 %;

• top, top center и center top – как и пара значений 50 % 0 %;

• right top и top right – аналогично паре значений 100 % 0 %;

• left, left center и center left – как и пара значений 0 % 50 %;

• center и center center – аналогично паре значений 50 % 50 %;

• right, right center и center right – как и пара значений 100 % 50 %;

• bottom left и left bottom – аналогично паре значений 0 % 100 %;

• bottom, bottom center и center bottom – как и пара значений 50 % 100 %;

• bottom right и right bottom – аналогично паре значений 100 % 100 %.

Если вы зададите только одно значение длины или одно процентное соотношение, то оно определит позицию только по горизонтали, а позиция по вертикали будет принята браузером как значение 50 %. Если вы зададите два значения, то первым браузер будет считать позицию по горизонтали. Вы также можете сочетать значение длины и процентное соотношение (например, 5 0 % 2 cm). Можно использовать отрицательные значения. Однако помните, что ключевые слова нельзя применять вместе со значениями длины или процентными соотношениями.

Можно использовать сокращенную запись для всех свойств, приведенных выше, с помощью свойства background. Например:

body { background: url(«chess.png») gray 50% 20% repeat fixed }

В данной таблице стилей заданы значения для всех свойств фона документа.