CSS свойство background , поддержка в браузерах, примеры использования // Вебшкола онлайн



up_violet-7918170Перейти к справке CSS

{ background: #00ff00 url(‘smiley.gif’) no-repeat fixed center;

}

Описание и использование

Короткая запись свойства background настраивает все свойства фона элемента в одной записи.

Свойства настраиваются в соответствии со следующим порядком : background-color (цвет фона), background-image (фоновое изображение), background-repeat (повторение фонового изображения), background-attachment (фиксированность фоного изображения) и background-position (позиция фонового изображения).

Значение по умолчанию нет
Наследование нет
Версия CSS CSS1
Синтаксис JavaScript object.style.background=»white url(paper.gif) repeat-y»

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

chrome-7258816 firefox-8293906 ie-1260795 opera-8006685 safari-5562015
Свойство background поддерживается всеми основными браузерами.

Заметка: Ни одна версия Internet Explorer (даже IE8) не поддерживает значение свойства «inherit» (наследование от родительского элемента).

Возможные значения свойства background

Значение Описание
background-color Цвет фона по умолчанию, смотрите background-color
background-image Указывает путь до фоновой картинки, смотрите background-image
background-repeat Указывает повторять или нет фоновое изображение, смотрите background-repeat
background-attachment Указывает надо ли прокручивать фоновое изображение вместе с остальным текстом или нет, смотрите background-attachment
background-position Указывает вид позиционирования элемента, смотрите background-position для более подробной справки
inherit Указывает на то, что значения должны быть унаследованы от родительского элемента

Родственные записи

Учебник CSS: CSS background

up_violet-7918170Перейти к справке CSS