background-repeat

Jika gambar latar belakang ditentukan, properti background-repeat menentukan apakah gambar diulang dan bagaimana cara mengulangnya.

Pengulangan gambar latar belakang terjadi setelah ukuran dan posisi.

Suatu gambar dapat diulangi secara vertikal, horizontal, baik secara vertikal maupun horizontal, atau dapat diatur untuk tidak mengulang sama sekali.

Jika gambar latar belakang diulang, mungkin saja beberapa ubinnya terpotong jika tidak cocok beberapa kali ke dalam area penentuan latar belakang elemen.

Properti background-repeat dapat mengambil nilai tunggal atau dua nilai kata kunci.

Nilai ini menentukan apakah dan bagaimana gambar diulang secara horizontal dan vertikal.

Jika satu nilai tunggal digunakan, nilai tersebut dianggap sebagai singkatan untuk sintaks dua nilai dan nilai lainnya ditetapkan oleh browser.

Jika dua nilai kata kunci digunakan, maka yang pertama adalah arah horizontal dan yang kedua untuk arah vertikal.

Properti background-image juga dapat mengambil nilai yang dipisahkan koma sehingga ketika elemen memiliki lebih dari satu gambar latar belakang, setiap nilai diterapkan ke gambar latar belakang yang sesuai.

CSS Syntax

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

Javascript Syntax

object.style.backgroundRepeat="repeat-x"

default background-repeat: repeat;

Gambar latar belakang akan berulang sendiri secara horizontal dan secara vertikal .

background-repeat: repeat-x;

Gambar latar belakang hanya akan berulang dengan sendirinya secara horizontal .

background-repeat: repeat-y;

Gambar latar belakang hanya akan berulang sendiri secara vertikal .

background-repeat: no-repeat;

Gambar latar belakang hanya akan muncul sekali .

background-repeat: space;

Gambar latar diulang sebanyak mungkin tanpa kliping. Gambar pertama dan terakhir disematkan ke kedua sisi elemen, dan spasi putih didistribusikan secara merata di antara gambar.

background-repeat: round;

Gambar latar diulang dan diperas atau direntangkan untuk mengisi ruang (tanpa celah).