УРОКИ CSS CSS3 ПРИМЕРЫ CSS СПРАВОЧНИК CSS

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


CSS Справочник Полный CSS Справочник

Пример

Повторение изображения фона только по вертикали:

body
{
background-image:url('paper.gif');
background-repeat:repeat-y;
}

Попробуйте сами »

Определение и Использование

Свойство background-repeat устанавливает будет ли повторяться (и если будет, то как) фоновое изображение.

По умолчанию изображение фона повторяется как по вертикали, так и по горизонтали.

Значение по умолчанию: repeat
Наследуется: нет
Версия: CSS1
JavaScript синтаксис: объект.style.backgroundRepeat="repeat-y"


Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Свойство 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 Справочник Полный CSS Справочник




© 2011 - 2022 Уроки CSS