CSS Свойство background-repeat
Полный CSS Справочник
Пример
Повторение изображения фона только по вертикали:
body
{
background-image:url('paper.gif');
background-repeat:repeat-y;
} |
Попробуйте сами » |
Определение и ИспользованиеСвойство background-repeat устанавливает будет ли повторяться (и если будет, то как) фоновое изображение.
По умолчанию изображение фона повторяется как по вертикали, так и по горизонтали.
Значение по умолчанию: |
repeat |
Наследуется: |
нет |
Версия: |
CSS1 |
JavaScript синтаксис: |
объект.style.backgroundRepeat="repeat-y" |
Поддержка Браузерами
Свойство background-repeat поддерживается всеми основными браузерами.
Замечание: Значение "inherit" не поддерживается в IE7 и более ранних версиях. IE8
требует объявление !DOCTYPE. IE9 поддерживает "inherit".
Советы и ЗамечанияСовет: Фоновое изображение располагается в соответствии со свойством
background-position. Если свойство background-position не указано, изображение
всегда располагается в левом верхнем углу элемента.
Значения Свойства
Значение |
Описание |
repeat |
Фоновое изображение будет повторяться как по вертикали, так и по горизонтали.
Используется по умолчанию |
repeat-x |
Фоновое изображение будет повторяться только по горизонтали |
repeat-y |
Фоновое изображение будет повторяться только по вертикали |
no-repeat |
Изображение фона не будет повторяться |
inherit |
Указывает, что настройка свойства background-repeat
должна наследоваться от родительского элемента |
 |
Попробуйте сами - Примеры |
Повторение
фонового изображения горизонтально и вертикально
Этот пример демонстрирует, как повторять фоновое изображение как вертикально, так и
по горизонтали.
Повторение
изображения фона только горизонально
Этот пример демонстрирует, как повторять фоновое изображение только по горизонтали.
Как отобразить фоновое изображение только один раз
Этот пример демонстрирует отображение фоновой картинки только один раз - без повторения
Смотрите ТакжеCSS уроки: CSS Фон
CSS справочник: свойство background-position
Полный CSS Справочник
|