Properti HTML DOM Style backgroundRepeat
Definisi dan Penggunaan
backgroundRepeat set properti atau kembali bagaimana untuk mengulang gambar latar belakang.
tatabahasa
Pengaturan properti backgroundRepeat:
Object.style.backgroundRepeat="repeat|repeat-x|repeat-y|no-repeat|inherit"
Sifat Kembali backgroundRepeat:
Object.style.backgroundRepeat
值 | 描述 |
---|---|
repeat | 默认。垂直和水平方向重复背景图像。 |
repeat-x | 水平方向重复背景图像。 |
repeat-y | 垂直方向重复背景图像。 |
no-repeat | 不重复背景图像。 |
inherit | background-repeat 属性的设置从父元素继承。 |
Dukungan Browser
Semua browser utama mendukung properti backgroundRepeat.
Catatan: IE7 dan versi sebelumnya tidak mendukung "mewarisi" nilai.IE8 hanya menyediakan! DOCTYPE didukung "mewarisi". dukungan IE9 "mewarisi".
contoh
contoh
Background image diulang dalam arah vertikal:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Jenis Style = "text / css">
body {
background: # f3f3f3 url ( 'img_tree.png');
}
</ Style>
<Script>
Fungsi displayResult () {
document.body.style.backgroundRepeat = "mengulang-y";
}
</ Script>
</ Kepala>
<Body>
<Tombol type = "button" onclick = "displayResult ()"> vertikal gambar background </ button>
Situs
<H1> Hello World! </ H1>
<P> Ini adalah sebuah paragraf </ p>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Title> Tutorial ini (w3big.com) </ title>
<Jenis Style = "text / css">
body {
background: # f3f3f3 url ( 'img_tree.png');
}
</ Style>
<Script>
Fungsi displayResult () {
document.body.style.backgroundRepeat = "mengulang-y";
}
</ Script>
</ Kepala>
<Body>
<Tombol type = "button" onclick = "displayResult ()"> vertikal gambar background </ button>
Situs
<H1> Hello World! </ H1>
<P> Ini adalah sebuah paragraf </ p>
</ Body>
</ Html>
Coba »
gaya Objects