tutorial pengembangan web terbaru
 

Style backgroundRepeat Property

<Style Object

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