CSS background-image свойство

Последнее обновление 8 мая 2019 12:21:41 (UTC / GMT +8 часов)

script1adsense2code

script1adsense3code

свойство фонового изображения

Свойство фонового изображения CSS устанавливает фоновое изображение элемента HTML.

Синтаксис

 фоновое изображение: ури | нет | унаследовать

Ценности

uri : путь к файлу изображения, который будет использоваться в качестве фонового изображения.

none : если установлено, связанный элемент не имеет никакого установленного фонового изображения.

наследовать : если установлено, связанный элемент принимает вычисленное значение свойства background image своего родительского элемента.

Начальные значения

Никто.

Относится к

Свойство background-image может быть применено ко всем элементам HTML.

наследование

Если значение не указано, свойство background-image не получает вычисленное значение его родительского элемента.

Процентное соотношение

Недоступен.

Средства массовой информации

визуальный.

Расчетное значение

Либо абсолютный URI, либо его нет.

Совместимость браузера

браузер	Версия
Internet Explorer	4.0 и выше
Firefox (Геккон)	1.0 и выше
опера	3.5 и выше
Safari (WebKit)	1.0 и выше

Пример свойства background-image когда значение = "uri"

Код CSS:

p {background-image: url('background-image-2.gif') }

HTML код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Example of background-image property when value="color" | w3resource</title>
<link rel="stylesheet" type="text/css" media="screen,projection" href="example-of-background-image-property-when-value-uri.css">
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eget luctus lacus. Praesent faucibus, odio nec convallis fermentum, magna augue pharetra urna, ut laoreet augue risus bibendum tellus. Donec pretium molestie vulputate. Morbi rutrum, sem eget porta varius, nibh mauris ornare neque, eu viverra risus tellus ut erat. In risus quam, egestas vel aliquet et, vulputate ut eros. Nam hendrerit auctor tortor. Nullam ut commodo magna. Etiam tincidunt risus ut tellus malesuada eget commodo dui congue. Donec interdum tempus nunc sollicitudin molestie. Aenean auctor hendrerit volutpat. Cras rutrum pretium sapien quis suscipit. Sed faucibus tincidunt sapien ac scelerisque. Donec pulvinar interdum augue, id facilisis dui commodo id.</p>
</body>
</html>

Посмотреть этот пример в отдельном окне браузера

Пример свойства background-image, когда value = "uri".

Смотрите также

Предыдущий: CSS свойства цвета фона
Далее: CSS background-repeat свойство