Фоновое изображение: background-image

background-image

Поддержка браузерами
Настольные браузеры 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-image — это свойство задает фоновое изображение
Описание
Свойство работает следующим образом: изображение автоматически заполняет элемент по горизонтали и вертикали. Если у элемента есть внутренние и внешние отступы, то они также будут заполнены. Если изображение слишком большое, то в элемент будет помещена только часть его, остальная часть будет обрезана.
Наследование
Не наследуется. Это значит что стили применённые к родительскому элементу не передадутся потомкам
Применяется
Ко всем элементам, это значит что применяется и к блочным, и к встроенным, и к табличным и т.д.
Может принимать значения
url-адрес | none | inherit
Значение по умолчанию
none
Правила записи
свойство: значение;
Примеры

<p>Этот абзац содержит фоновое изображение изображение размером 10х10 пикселей</p>

<p>Этот абзац содержит фоновое изображение размером 100х100 пикселей</p>

<p>Этот абзац содержит <em>элемент размером 10х10 пикселей</em> к которому применено свойство background-image</p>

<p>Значение none отменяет фоновое изображение если оно было задано</p>

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

Поделиться