пример
Стиль фона документа:
document.body.style.background = "#f3f3f3 url('img_tree.png') no-repeat right
top"; Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
Фоновые наборы свойств или возвращают до восьми отдельных свойств фона, в сокращенном виде.
С помощью этого свойства можно установить / вернуть один или несколько из следующих действий (в любом порядке):
- фоновый цвет
- изображение на заднем плане
- фон-повторить
- фон-вложение
- фон положение
- фон-размер
- фон-происхождения
- фон-клип
Свойства выше, также могут быть установлены отдельные свойства стиля. Использование отдельных свойств настоятельно рекомендуется для не продвинутых авторов для лучшей управляемости.
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
| Имущество | |||||
|---|---|---|---|---|---|
| background | 1,0 | 4,0 | 1,0 | 1,0 | 3,5 |
Примечание: См индивидуальной поддержки браузера для каждого значения ниже.
Синтаксис
Возвращает свойство фона:
object .style.background
Установка фонового свойства:
object .style.background=" Значения свойств Стоимость Описание color Устанавливает цвет фона элемента image Задает фоновое изображение для элемента repeat Устанавливает, как будет повторяться фоновое изображение attachment Устанавливает ли фиксировано или свитки с страницей фонового изображения position Устанавливает начальное положение фонового изображения size Задает размер фонового изображения origin Устанавливает область фона позиционирования clip Устанавливает область рисования фонового изображения initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном inherit Inherits это свойство от родительского элемента. Читайте о унаследовать
Технические подробности
Значение по умолчанию: прозрачный никто повторить прокрутки 0% 0% автоматическое заполнение ящика границы коробки Возвращаемое значение: Строка, представляющая фон элемента CSS версия CSS1 + новые свойства в CSS3
Еще примеры
пример
Изменение фона в DIV элемента:
document.getElementById("myDIV").style.background = "url('smiley.gif') blue repeat-x center"; Попробуй сам "
пример
Установить фоновое изображение для документа:
document.body.style.backgroundImage = "url('img_tree.png')"; Попробуй сам "
пример
Установка фонового изображения в не повторять:
document.body.style.backgroundRepeat = "repeat-y"; Попробуй сам "
пример
Установить фоновое изображение для фиксированного (will not scroll) :
document.body.style.backgroundAttachment = "fixed"; Попробуй сам "
пример
Изменение положения фонового изображения:
document.body.style.backgroundPosition = "top right"; Попробуй сам "
Похожие страницы
CSS учебник: CSS фона
CSS3 учебник: CSS3 Backgrounds
Ссылка CSS: background property
<Style Object