HTML DOM Style własności tła
Definicja i Wykorzystanie
tła skróconą własnością, aby ustawić lub powrócić do pięciu oddzielnych budynków w tle.
Dzięki tej właściwości można ustawić / powrót:
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
Powyższe właściwości mogą być zapewnione oddzielne atrybuty stylu. Zaleca stosowanie odrębnej przypisują taką lepszą sterowność.
gramatyka
Ustaw właściwości background:
Object.style.background="color image
repeat attachment position"
Powrót własności tła:
Object.style.background
Wskazówka: Wartość domyślna właściwości jest tło: przezroczysty none repeat scroll 0% 0 %.
参数 | 描述 |
---|---|
color | 设置一个元素的背景颜色 |
image | 设置一个元素的背景图像 |
repeat | 设置如何重复背景图像 |
attachment | 设置背景图像是否固定或者随着页面的其余部分滚动 |
position | 设置背景图像的起始位置 |
Pomoc Browser
Wszystkie główne przeglądarki obsługują atrybutów tła.
Przykłady
Przykłady
Ustaw dokument stylu tła:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Ten poradnik (w3big.com) </ title>
<Script>
Funkcja displayResult () {
document.body.style.background = "# f3f3f3 url ( 'img_tree.png") no-repeat prawy gorny ";
}
</ Script>
</ Head>
<Body>
<H1> Hello World! </ H1>
Największa
<Type = "button" button onclick = "displayResult ()"> ustawić tło </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Ten poradnik (w3big.com) </ title>
<Script>
Funkcja displayResult () {
document.body.style.background = "# f3f3f3 url ( 'img_tree.png") no-repeat prawy gorny ";
}
</ Script>
</ Head>
<Body>
<H1> Hello World! </ H1>
Największa
<Type = "button" button onclick = "displayResult ()"> ustawić tło </ button>
</ Body>
</ Html>
Spróbuj »
styl Przedmioty