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

Ключевые слова очень просты для понимания. Оказываемый ими эффект соответствует их именам; например, согласно значению top right исходное изображение будет находиться в верхнем правом углу области отступа элемента. Вернемся к маленькому символу инь-ян:

p {background-image: url(yinyang.gif);
background-repeat: no-repeat;
background-position: top right;}

В результате исходное изображение будет помещаться в верхний правый угол отступа каждого абзаца и не будет повторяться. Между прочим, результат был бы совершенно аналогичным, если бы местоположение было объявлено как right top. Ключевые слова (согласно спецификации) могут располагаться в любом порядке, но их должно быть не более двух: одно – горизонтальная координата, другое – вертикальная. В броузерах Netscape 6.x есть ошибка, из-за которой правило игнорируется, если ключевые слова background-position не расположены в определенном порядке.

Убедитесь, что ключевые слова задают сначала положение по горизонтали, а затем по вертикали. Другими словами, необходимо писать left center, а не center left. Если задано только одно ключевое слово, то предполагается, что другое слово – center. Итак, если требуется, чтобы изображение располагалось над каждым абзацем посередине, достаточно объявить:

p {background-image: url(yinyang.gif);
background-repeat: no-repeat;
background-position: top;}

Оцените статью: (0 голосов)
0 5 0

Статьи из раздела CSS на эту тему:
Воздействие на рамки
Воздействие на элементы формы
Еще раз о повторении в определенном направлении
Замещение атрибутов
Значения, заданные в единицах измерения длины

Вернуться в раздел: CSS / 9. Цвета и фон