latar belakang properti HTML DOM Style
gaya Objects
Definisi dan Penggunaan
background properti singkat untuk mengatur atau kembali hingga lima sifat latar belakang yang terpisah.
Dengan properti ini, Anda dapat mengatur / pulang:
- background-color
- background-image
- background-repeat
- background-attachment
- background-position
Sifat-sifat di atas dapat diberikan atribut gaya terpisah. Sangat menganjurkan menggunakan atribut terpisah seperti pengendalian yang lebih baik.
tatabahasa
Mengatur properti background:
Object.style.background="color image
repeat attachment position"
Kembali latar belakang properti:
Object.style.background
Tip: Nilai default dari properti adalah latar belakang: transparan none repeat scroll 0% 0 %.
参数 | 描述 |
---|---|
color | 设置一个元素的背景颜色 |
image | 设置一个元素的背景图像 |
repeat | 设置如何重复背景图像 |
attachment | 设置背景图像是否固定或者随着页面的其余部分滚动 |
position | 设置背景图像的起始位置 |
Dukungan Browser
Semua browser utama mendukung atribut background.
contoh
contoh
Mengatur dokumen gaya latar belakang:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Script>
Fungsi displayResult () {
document.body.style.background = "# f3f3f3 url ( 'img_tree.png') no-ulangi kanan atas";
}
</ Script>
</ Kepala>
<Body>
<H1> Hello World! </ H1>
Situs
<Tombol type = "button" onclick = "displayResult ()"> mengatur latar belakang </ button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Script>
Fungsi displayResult () {
document.body.style.background = "# f3f3f3 url ( 'img_tree.png') no-ulangi kanan atas";
}
</ Script>
</ Kepala>
<Body>
<H1> Hello World! </ H1>
Situs
<Tombol type = "button" onclick = "displayResult ()"> mengatur latar belakang </ button>
</ Body>
</ Html>
Coba »
gaya Objects