CSS-свойство фона

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

script1adsense2code

script1adsense3code

Свойство фона

Свойство фона CSS используется для указания отдельных свойств фона CSS. Это называется сокращенным свойством.

Синтаксис:

 background: [<'background-color'> || <'background-image'> || <'background-repeat'> || <'background-attachment'> || <'background-position'>] | унаследовать

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

Начальные значения соответствующих индивидуальных свойств.

Относится к

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

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

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

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

Применяется только для свойства background-position.

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

визуальный.

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

Вычисляются значения соответствующих индивидуальных свойств.

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

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

Пример сокращенного свойства фона

Код CSS:

body {background: aliceblue url('w3r.gif') no-repeat scroll 10% 10%; }

HTML код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Example of background shorthand property</title>
<link rel='stylesheet' href="example-background-shorthand.css" type='text/css' />
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In viverra lacinia eros iaculis fringilla. Quisque eu justo sem. Vivamus facilisis tellus sed nunc congue dignissim. Aenean felis metus, vulputate eget scelerisque eu, dignissim eget tortor. </p>
</body>
</html>

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

Пример сокращенного свойства фона.

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

Предыдущая: CSS background-attachment свойство
Далее: CSS padding-top свойство