BACKGROUND-POSITION

Properti BACKGROUND-POSITION digunakan untuk mengatur posisi BACKGROUND atau BACKGROUND-IMAGE.

Sintaks:

background-position: value;

Untuk value:

• keywords dan %
  

  Silahkan lihat daftar di bawah ini:

  left top	0% 0% (default)
  left center	0% 50%
  left bottom	0% 100%
  center top	50% 0%
  center center	50% 50%
  center bottom	50% 100%
  right top	100% 0%
  right center	100% 50%
  right bottom	100% 100%

  Contoh menggunakan keywords:

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

  Contoh menggunakan nilai %:

  body { background-image: url(picture.gif); background-position: 100% 0%; }
• Length
  

  Contoh di bawah ini memposisikan BACKGROUND-IMAGE menggunakan nilai angka dengan satuan piksel:

  body { background-image: url(picture.gif); background-position: 50px 100px; }
• inherit
  Menerapkan nilai BACKGROUND-POSITION elemen induknya.

  Contoh:

  .mydiv_1 { ... background-position: 100% 0%; } .mydiv_2 { ... background-position: inherit; }

  Di mana elemennya mungkin seperti di bawah ini:

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

Catatan: Agar BACKGROUND-POSITION dapat bekerja di Firefox dan Opera, BACKGROUND-ATTCHMENT harus ditetapkan dan diset ke nilai fixed.

Properti BACKGROUND-POSITION bisa diaplikasikan kepada semua elemen block-level yang bisa di atur oleh BACKGROUND atau BACKGROUND-IMAGE.