Atribut background-repeat CSS

Definisi dan penggunaan

background-repeat Pembiayaan setting atribut dan cara mengulangi gambar latar.

Secara lalai, gambar latar diulangi secara horizontal dan vertikal.

Pengertian rinci

Sifat background-repeat menentukan mode peniru gambar.

Mulai dari gambar asli, gambar asli ditentukan oleh background-image Definisi, dan berdasarkan background-position nilainya ditempatkan.

Lihat juga:

Panduan CSS:Latar belakang CSS

Panduan CSS:Sifat background-position

Panduan HTML DOM:Sifat backgroundRepeat

Contoh

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

Coba sendiri

Petikan dan komen

Petikan:Lokasi gambar latar ditentukan oleh sifat background-position. Jika sifat background-position tidak disebutkan, gambar akan ditempatkan di pojok kiri atas elemen.

Gramatika CSS

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

Nilai sifat

Nilai sifat

Nilai Deskripsi
repeat Lalai. Gambar latar akan diulangi secara vertikal dan horizontal.
repeat-x Gambar latar akan diulangi secara horizontal.
repeat-y Gambar latar akan diulangi secara vertikal.
no-repeat Gambar latar hanya akan muncul sekali.
inherit Tentukan pembiayaan sifat background-repeat dari elemen induk.

Rincian teknikal

Nilai lalai: repeat
Keretambahan: tidak
Versi: CSS1
Gramatika JavaScript: objek.style.backgroundRepeat="repeat-y"

Contoh lebih banyak

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

Pembiayaan perekap

Teks di dalam tabel menunjukkan versi perekap pertama yang mendukung sifat ini sepenuhnya.

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