Пример 1
Как указать все свойства фона в одной декларации:
<html>
<head>
<meta charset="utf-8" />
<style>
body { background: #00ff00 url('/tryit/css/img/smiley.jpg') no-repeat fixed center; }
</style>
</head>
<body>
<p>Это некоторый текст</p>
<p>Это некоторый текст</p>
<p>Это некоторый текст</p>
<p>Это некоторый текст</p>
<p>Это некоторый текст</p>
<p>Это некоторый текст</p>
<p>Это некоторый текст</p>
<p>Это некоторый текст</p>
<p>Это некоторый текст</p>
<p>Это некоторый текст</p>
<p>Это некоторый текст</p>
<p>Это некоторый текст</p>
<p>Это некоторый текст</p>
<p>Это некоторый текст</p>
<p>Это некоторый текст</p>
<p>Это некоторый текст</p>
<p>Это некоторый текст</p>
<p>Это некоторый текст</p>
<p>Это некоторый текст</p>
<p>Это некоторый текст</p>
<p>Это некоторый текст</p>
<p>Это некоторый текст</p>
<p>Это некоторый текст</p>
<p>Это некоторый текст</p>
<p>Это некоторый текст</p>
<p>Это некоторый текст</p>
<p>Это некоторый текст</p>
</body>
</html>
Определение и использование
Сокращенная форма записи фона устанавливает все свойства фона в одной декларации.
Свойства, которые могут быть установленны (в следующем порядке):
Не важно, если некоторые из значений свойства отсутствуют, до тех пор, пока хотя бы один присутствует в этом порядке. Например можно написать background:#ff0000 url('/tryit/css/img/smiley.jpg');.
| Значение по умолчанию: | не указано |
|---|---|
| Унаследованный: | нет |
| Версия: | CSS1 |
| Синтакс JavaScript: | object.style.background="white url(paper.gif) repeat-y" |
Поддержка браузеров
Свойство background поддерживается во всех ведущих браузерах.
Примечание: Ни одна из версий Internet Explorer (включая IE8) не поддерживает значение свойства "inherit".
Все свойства фона CSS
Номер в колонке "CSS" указывает, в какой версии CSS свойство определено (CSS1 или CSS2).
| Свойство | Описание | Значения | CSS |
|---|---|---|---|
| background | Устанавливает все свойства фона в одной декларации | background-color background-image background-repeat background-attachment background-position inherit |
1 |
| background-attachment | Устанавливает фоновое изображение фиксированное или прокручиваемое с остальной частью страницы | scroll fixed inherit |
1 |
| background-color | Устанавливает цвет фона элемента | color-rgb color-hex color-name transparent inherit |
1 |
| background-image | Устанавливает фоновое изображение для элемента | url(URL) none inherit |
1 |
| background-position | Устанавливает начальное положение фонового изображения | left top left center left bottom right top right center right bottom center top center center center bottom x% y% xpos ypos inherit |
1 |
| background-repeat | Устанавливает, если / как фоновое изображение будет повторяться | repeat repeat-x repeat-y no-repeat inherit |
1 |
Была ли эта информация полезной?
