BigApple.ru » Интернет » HTML » Свойство background-repeat

Свойство background-repeat

Добавлено: 13.02.2012
Автор: rrrr

Обычно броузер, чтобы заполнить выделенное пространство, размножает фоновое изображение и по горизонтали, и по вертикали. Используйте свойство background-repeat, чтобы уклониться от этого принятого по умолчанию образа действий броузера. Чтобы изображение повторялось только по горизонтали, но не по вертикали, применяйте значение re-peat-x. Для повторения только по вертикали используйте repeat-y. Чтобы прекратить укладывание плитки вообще, употребляйте no-repeat.

Часто это свойство используют, чтобы поместить на странице водяной знак или логотип, обойдясь без многократного повторения картинки. К примеру:

body {background-image: url(backgrounds/watermark.gif); background-position: center center; background-repeat: no-repeat }

приведет к тому, что центр страницы будет помечен фоновым изображением.

Популярным приемом является создание вертикальной полосы вдоль правого края страницы:

body {background-image: url(backgrounds/ribbon.gif); background-position: top right; background-repeat: repeat-y }

0 комментариев
Оцените статью:
Участник обсуждения

Нажмите, чтобы ответить

     
Время формирования страницы на сервере: 0.713 сек.