BACKGROUND-IMAGE

Properti BACKGROUND-IMAGE digunakan untuk menetapkan latarbelakang suatu elemen dengan suatu file gambar.

Sintaks:

background-image: value;

Untuk value:

• none (default)
  Menetapkan bahwa tidak menggunakan file gambar apapun.

  Contoh:

  body { background-image: none; }
• URL
  Menetapkan lokasi file gambar dengan notasi url().

  Contoh:

  body { background-image: url(picture.gif); }

  Andapun dimungkinkan menetapkan multiple file untuk BACKGROUND-IMAGE, dan memisahkannya dengan koma:

  body { background: url(picture_1.gif), url(picture_2.gif); }

  Ketika menetapkan BACKGROUND-IMAGE, author perlu menetapkan BACKGROUND-COLOR yang akan digunakan ketika file gambar yang digunakan gagal dimuat oleh browser.

  Contoh:

  body { background-image: url(picture.gif); background-color: white; }
• inherit
  Menerapkan nilai BACKGROUND-IMAGE elemen induknya.

  Contoh:

  .mydiv_1 { ... background-image: url(picture.gif); } .mydiv_2 { ... background-image: inherit; }

  Di mana elemennya mungkin seperti di bawah ini:

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

Properti BACKGROUND-IMAGE bisa diaplikasikan kepada semua elemen.