BACKGROUND-REPEAT

Properti BACKGROUND-REPEAT berguna ketika BACKGROUND atau BACKGROUND-IMAGE digunakan, di mana BACKGROUND-REPEAT mengatur tampilan pengulangan dari gambar.

Sintaks:

background-repeat: value;

Untuk value:

• repeat (default)
  Gambar ditampilkan berulang-ulang baik horisontal dan vertikal.

  Contoh:

  body { background-image: url(picture.gif); background-repeat: repeat; }
• repeat-x
  Gambar ditampilkan berulang-ulang hanya secara horisontal.

  Contoh:

  body { background-image: url(picture.gif); background-repeat: repeat-x; }
• repeat-y
  Gambar ditampilkan berulang-ulang hanya secara vertikal.

  Contoh:

  body { background-image: url(picture.gif); background-repeat: repeat-y; }
• no-repeat
  Gambar tidak ditampilkan berulang-ulang baik horisontal dan vertikal.

  Contoh:

  body { background-image: url(picture.gif); background-repeat: no-repeat; }
• inherit
  Menerapkan nilai BACKGROUND-REPEAT elemen induknya.

  Contoh:

  .mydiv_1 { ... background-repeat: repeat-y; } .mydiv_2 { ... background-repeat: inherit; }

  Di mana elemennya mungkin seperti di bawah ini:

  <DIV CLASS="mydiv_1"> <DIV CLASS="mydiv_2"></DIV> </DIV>

Properti BACKGROUND-REPEAT bisa diaplikasikan kepada semua elemen yang bisa di atur oleh BACKGROUND atau BACKGROUND-IMAGE.