Лучшее руководство по Свойства CSS фона в 2024 году. В этом руководстве вы можете изучить примеров,Поддержка браузеров,Определения тегов и инструкции,грамматика,Статьи по Теме,
Свойства CSS фона
примеров
Настройка нескольких фоновых изображений в сНу элемента (и указать их местоположение):
{
background: #00ff00 url('smiley.gif') no-repeat fixed center;
}
Попробуйте »
Поддержка браузеров
Цифры в таблице представляют первый браузер для поддержки номер версии имущества.
Сразу же после цифровой -webkit-, -ms- или -moz- назад в поддержку префикса атрибута первый номер версии браузера.
属性 | |||||
---|---|---|---|---|---|
background | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Все основные браузеры поддерживают фоновые атрибуты.
Обратите внимание , чтоIE8 и более ранние версии не поддерживают множество элементов фонового изображения.
Обратите внимание , чтоIE7 и более ранние версии не поддерживают "Наследовать" значение. IE8 нужно определить! DOCTYPE. IE9 поддерживает «наследство».
Определения тегов и инструкции
Фон сокращённое свойство можно установить все свойства фона в одном объявлении.
Свойства вы можете установить, являются: цвет фона, фон положение, фон-размер, фон-повторить, фон-происхождения, фон-клип, фон-вложение, и фоновое изображение.
Если вышеуказанное отсутствует значение, это не имеет значения, такие как фон: # FF0000 URL (smiley.gif); допускается.
По умолчанию: | Обратитесь к отдельному собственности |
---|---|
Наследование: | нет |
Версия: | CSS1 + CSS3 новые свойства |
Синтаксис JavaScript: | объект object.style.background = "красный URL (smiley.gif) сверху не осталось не повторять" |
грамматика
значение | объяснение | CSS |
---|---|---|
цвет фона | Определяет цвет фона для использования | 1 |
фон положение | Указывает расположение фонового изображения | 1 |
фон-размер | Указывает размер фонового изображения | 3 |
фон-повторить | Определяет, как повторять фоновое изображение | 1 |
фон-происхождения | Расположение Площадь указано фоновое изображение | 3 |
фон-клип | Определяет область фона картины изображения | 3 |
фон-вложение | Установить фоновое изображение фиксируется или прокрутки с остальной частью страницы. | 1 |
Фоновое изображение | Укажите один или несколько фоновых изображений, которые будут использоваться | 1 |
Статьи по Теме
Учебник CSS: CSS фона
CSS3 учебник: CSS3 стола