свойства фона HTML DOM Стиль
Стиль Объекты Определение и использование
фон сокращённое свойство для установки или возврата до пяти отдельных свойств фона.
С помощью этого свойства вы можете установить / возврат:
- цвет фона
- Фоновое изображение
- фон-повторить
- фон-вложение
- фон положение
Вышеуказанные свойства могут быть предусмотрены отдельные атрибуты стиля. Настоятельно рекомендует использовать отдельный атрибут такой лучшую управляемость.
грамматика
Установите свойства фона:
Object.style.background="color image
repeat attachment position"
Назад свойства фона:
Object.style.background
Совет: Значение поумолчанию свойства является фоном: прозрачный ни один повтор прокрутки 0% 0 %.
| 参数 | 描述 |
|---|---|
| color | 设置一个元素的背景颜色 |
| image | 设置一个元素的背景图像 |
| repeat | 设置如何重复背景图像 |
| attachment | 设置背景图像是否固定或者随着页面的其余部分滚动 |
| position | 设置背景图像的起始位置 |
Поддержка браузеров
Все основные браузеры поддерживают фоновые атрибуты.
примеров
примеров
Набор документов стиль фона:
<! DOCTYPE HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8">
<Title> В этом учебнике (w3big.com) </ title>
<Script>
Функция displayResult () {
document.body.style.background = "# f3f3f3 URL ( 'img_tree.png') не повторять правый верх";
}
</ Script>
</ Head>
<Body>
<H1> Hello World! </ H1>
<br>
<Тип = "кнопка" Кнопка OnClick = "displayResult ()"> установить фон </ кнопка>
</ Body>
</ HTML>
<HTML>
<Head>
<Meta Charset = "UTF-8">
<Title> В этом учебнике (w3big.com) </ title>
<Script>
Функция displayResult () {
document.body.style.background = "# f3f3f3 URL ( 'img_tree.png') не повторять правый верх";
}
</ Script>
</ Head>
<Body>
<H1> Hello World! </ H1>
<br>
<Тип = "кнопка" Кнопка OnClick = "displayResult ()"> установить фон </ кнопка>
</ Body>
</ HTML>
Попробуйте »
Стиль Объекты