Atribut backgroundRepeat Style

Definisi dan penggunaan

backgroundRepeat Atur atau kembalikan bagaimana gambar latar belakang diulang (tiling).

Lihat juga:

Gaya HTML:Properti background

Panduan CSS:Latar Belakang CSS

Panduan CSS3:Latar belakang CSS3

Panduan CSS:Properti background-repeat

Contoh

Contoh 1

Atur gambar latar belakang untuk tidak diulang (no-repeat):

document.body.style.backgroundRepeat = "repeat-y";

Coba sendiri

Contoh 2

Ubah properti backgroundRepeat elemen DIV yang ditentukan:

document.getElementById("myDIV").style.backgroundRepeat = "repeat-x";

Coba sendiri

Contoh 3

Atur gambar latar belakang untuk diulang horisontal atau vertikal:

function repeatVer() {
  document.body.style.backgroundRepeat = "repeat-y";
}
function repeatHor() {
  document.body.style.backgroundRepeat = "repeat-x";
}

Coba sendiri

Contoh 4

Kembalikan nilai background-repeat dokumen:

alert(document.body.style.backgroundRepeat);

Coba sendiri

Sintaks

Kembalikan properti backgroundRepeat:

object.style.backgroundRepeat

Tetapkan properti backgroundRepeat:

object.style.backgroundRepeat = "repeat|repeat-x|repeat-y|no-repeat|initial|inherit"

Nilai properti

Nilai Deskripsi
repeat Gambar latar belakang diulang vertikal dan horizontal. Standar.
repeat-x Gambar latar belakang hanya diulang horizontal.
repeat-y Gambar latar belakang hanya diulang vertikal.
no-repeat Gambar latar belakang tidak diulang.
initial Tetapkan properti ini ke nilai standarnya. Lihat initial.
inherit Mengambil properti ini dari elemen orangtua. Lihat inherit.

Detil teknis

Nilai standar: repeat
Nilai kembalian: String yang menyatakan bagaimana gambar latar belakang diulang.
Versi CSS: CSS1

Dukungan peramban

backgroundRepeat Adalah fitur CSS1 (1996).

Seluruh peramban mendukungnya penuhnya:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
IE IE IE IE IE IE