Contoh
Mengatur latar belakang-gambar untuk no-repeat:
document.body.style.backgroundRepeat = "repeat-y"; Cobalah sendiri " Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
The backgroundRepeat set properti atau kembali bagaimana untuk mengulang (tile) a background-image.
Dukungan Browser
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
| Milik | |||||
|---|---|---|---|---|---|
| backgroundRepeat | 1.0 | 4.0 | 1.0 | 1.0 | 3,5 |
Sintaksis
Kembali properti backgroundRepeat:
object .style.backgroundRepeat
Mengatur properti backgroundRepeat:
object .style.backgroundRepeat="repeat|repeat-x|repeat-y|no-repeat|initial|inherit"
Nilai properti
| Nilai | Deskripsi |
|---|---|
| repeat | Gambar latar belakang diulang secara vertikal dan horizontal. Ini adalah default |
| repeat-x | Gambar latar belakang hanya diulang horizontal |
| repeat-y | Gambar latar belakang hanya diulang secara vertikal |
| no-repeat | Latar belakang-gambar tidak diulang |
| initial | Set properti ini ke nilai default. Baca tentang awal |
| inherit | Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi |
Rincian teknis
| Nilai default: | ulangi |
|---|---|
| Kembali Nilai: | Sebuah String, mewakili bagaimana sebuah background-image diulang |
| CSS Versi | CSS1 |
Contoh lebih
Contoh
Mengubah properti backgroundRepeat dari elemen DIV ditentukan:
document.getElementById("myDIV").style.backgroundRepeat = "repeat-x"; Cobalah sendiri " Contoh
Mengatur background-image untuk mengulang horizontal atau vertikal:
function repeatVer()
{
document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
document.body.style.backgroundRepeat = "repeat-x";
} Cobalah sendiri " Contoh
Mengembalikan nilai background-repeat dokumen:
alert(document.body.style.backgroundRepeat); Cobalah sendiri " Pages terkait
CSS tutorial: CSS Background
Referensi CSS: background-position property
Referensi CSS: background-repeat property
Referensi HTML DOM: background property
<Style Object