Wednesday, February 1, 2012

BACKGROUND-ATTACHMENT

Properti BACKGROUND-ATTACHMENT berguna ketika BACKGROUND atau BACKGROUND-IMAGE digunakan, di mana BACKGROUND-ATTACHMENT mengatur bagaimana gambar ketika adanya scroll, ikut terscroll atau tidak.

Sintaks:

background-attachment: value;

Untuk value:

  • scroll (default)
    Gambar ikut terscroll.

    Contoh:

    body { background-image: url(picture.gif); background-attachment: scroll; }
  • fixed
    Gambar tidak ikut terscroll.

    Contoh:

    body { background-image: url(picture.gif); background-attachment: fixed; }
  • inherit
    Menerapkan nilai BACKGROUND-ATTACHMENT elemen induknya.

    Contoh:

    .mydiv_1 { ... background-attachment: scroll; } .mydiv_2 { ... background-attachment: inherit; }

    Di mana elemennya mungkin seperti di bawah ini:

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

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