Свойство background-image
Создание сайта на CMS WordPress: обучение и хостинг
← Перейти к списку свойств

СВОЙСТВО BACKGROUND-IMAGE

Свойство background-image позволяет устанавить фоновое изображение для элемента.

Поддержка браузеров

Синтаксис

background-image: url|none|initial|inherit

Значения свойства

Значение Описание
url Определяет адрес изображения.
none Указывает на то, что фонового изображения нет.
linear-gradient() Устанавливает линейный градиент в качестве фонового изображения.
radial-gradient() Устанавливает радиальный градиент в качестве фонового изображения.
repeating-linear-gradient() Устанавливает повторяющийся линейный градиент в качестве фонового изображения.
repeating-radial-gradient() Устанавливает повторяющийся радиальный градиент в качестве фонового изображения.
initial Устанавливает значение по умолчанию.
inherit Унаследует значение свойства от родительского элемента.

Песочница

Код в песочнице можно редактировать и видеть результат в реальном времени:

<div class="block">
</div>
HTML
.block {
    height:213px;
    width:640px;
    background: url(/images/solar-system.jpg) no-repeat top left
}
CSS
← Перейти к списку свойств