Повторение фонового изображения: background-repeat

background-repeat

Поддержка браузерами
Настольные браузеры Chrome Firefox Internet Explorer Opera Safari
Базовая поддержка, версии браузеров 1.0 1.0 4.0 3.5 1.0
Мобильные браузеры Android Firefox Mobile IE Phone Opera Mobile Safari Mobile
Базовая поддержка, версии браузеров 2.2 1.0.1 7 12.0 5.1
Свойство
background-repeat — это свойство позволяет управлять повтором фонового изображения
Описание
Свойство работает следующим образом: в зависимости от значения свойства изображение либо выстраивается по вертикали, либо по горизонтали, либо вообще не выстраивается, либо отменяет фон вообще
Наследование
Не наследуется. Это значит что стили применённые к родительскому элементу не передадутся потомкам
Применяется
Ко всем элементам, это значит что применяется и к блочным, и к встроенным, и к табличным и т.д.
Может принимать значения
repeat | no-repeat | repeat-x | repeat-y | inherit
Значение по умолчанию
repeat
Правила записи
свойство: значение;
Примеры

<p>

Фоновое изображение в этом абзаце заполняется по всей площади элемента полностью по горизонтали и по вертикали

</p>

<p>

Фоновое изображение в этом абзаце не заполняется по всей площади элемента по горизонтали и вертикали, а помещается в левый верхний угол

</p>

<p>

Фоновое изображение в <span> элементе заполняется </span> только по горизонтали

</p>

Фоновое изображение в цитате заполняется только по вертикали

<blockquote>

Каждый имеет достаточно сил, чтобы достойно прожить жизнь. А все эти разговоры о том, какое сейчас трудное время, — это хитроумный способ оправдать свое бездействие, лень и разные унылости. Работать надо, а там, глядишь, и времена изменятся.
Лев Ландау

</blockquote>

<p>

Это значит что свойство наследует значение от родителя

</p>

Поделиться