Properti background-repeat CSS

Definisi dan penggunaan

background-repeat Pengaturan properti dan cara mengulangi gambar latar belakang.

Secara standar, gambar latar belakang akan diulangi secara horizontal dan vertikal.

Keterangan detil

Properti background-repeat menentukan mode penataan gambar.

Mulai mengulangi gambar asli, gambar asli ditentukan oleh background-image Definisi, dan menentukan background-position penempatan nilai.

Lihat pula:

Panduan Tutorial CSS:Latar belakang CSS

Panduan Referensi CSS:Properti background-position

Panduan Referensi HTML DOM:Properti backgroundRepeat

Contoh

body
  {
  background-image: url(stars.gif);
  background-repeat: repeat-y;
  }

Coba sendiri

Petunjuk dan Komentar

Petunjuk:Posisi gambar latar belakang ditetapkan oleh properti background-position. Jika properti background-position tidak ditentukan, gambar akan ditempatkan di pojok kiri atas elemen.

Grammar CSS

background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit;

Nilai properti

Nilai properti

Nilai Deskripsi
repeat Standar. Gambar latar belakang akan diulangi secara vertikal dan horizontal.
repeat-x Gambar latar belakang akan diulangi secara horizontal.
repeat-y Gambar latar belakang akan diulangi secara vertikal.
no-repeat Gambar latar belakang hanya akan muncul sekali.
inherit Aturan untuk menetapkan properti background-repeat dari elemen induk.

Detil teknis

Nilai standar: repeat
Inheritsi: tidak
Versi: CSS1
Grammar JavaScript: objek.style.backgroundRepeat="repeat-y"

Beberapa contoh lain

Bagaimana cara mengulangi gambar latar belakang secara vertikal
Contoh ini menunjukkan bagaimana cara mengulangi gambar latar belakang secara vertikal.
Bagaimana cara mengulangi gambar latar belakang secara horizontal
Contoh ini menunjukkan bagaimana cara mengulangi gambar latar belakang secara horizontal.
Bagaimana cara menampilkan gambar latar belakang hanya sekali
Contoh ini menunjukkan bagaimana cara menampilkan gambar latar belakang hanya sekali.

Dukungan Browser

Tabel angka di dalam kolom menunjukkan versi pertama browser yang mendukung properti ini penuh.

Chrome Edge Firefox Safari Opera
Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5