Лучшее руководство по CSS свойство фоновое изображение в 2024 году. В этом руководстве вы можете изучить примеров,Определения тегов и инструкции,Поддержка браузеров,Советы и примечания,Значение свойства,Онлайн примеры,Статьи по Теме,
CSS свойство фоновое изображение
примеров
Фоновая изображение тела элемент:
{
background-image:url('paper.gif');
background-color:#cccccc;
}
Попробуйте »
Определения тегов и инструкции
Свойство фоновое изображение устанавливает фоновое изображение элемента.
Общий размер фоновых элементов элемента, в том числе отступов и границы (но не включая поля).
По умолчанию, фоновое изображение помещается в верхнем левом углу элемента, и повторяют по вертикали и по горизонтали.
| По умолчанию: | никто |
|---|---|
| Наследование: | нет |
| Версия: | CSS1 |
| Синтаксис JavaScript: | объект object.style.backgroundImage = "URL (stars.gif)" |
Поддержка браузеров
Цифры в таблице представляют первый браузер для поддержки номер версии имущества.
Сразу же после цифровой -webkit-, -ms- или -moz- назад в поддержку префикса атрибута первый номер версии браузера.
| Property | |||||
|---|---|---|---|---|---|
| background-image | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Обратите внимание , чтоIE8 и более ранние браузеры не поддерживают несколько фоновых изображений на одном элементе
Обратите внимание , чтоIE7 и более ранние версии не поддерживают "Наследовать" значение. IE8 нужно определить! DOCTYPE. IE9 поддерживает «наследство».
Советы и примечания
Совет: Не забудьте установить цвет фона, если изображение отсутствует, будет использоваться.
Значение свойства
| значение | объяснение |
|---|---|
| URL( 'URL') | URL изображения |
| никто | не отображается фоновое изображение. Это значение по умолчанию |
| унаследовать | Укажите фоновое изображение должно быть унаследовано от родительского элемента |
Онлайн примеры
Несколько изображений фона
Этот пример демонстрирует документ несколько фоновых изображений.
Статьи по Теме
Учебник CSS: CSS фона
CSS3 учебник: CSS3 стола
