Wednesday, February 1, 2012

BACKGROUND

Properti BACKGROUND adalah bentuk shorthand untuk mendeklarasikan properti subBACKGROUND.

Sintak:

background: value;

Untuk value:

  • Nilai BACKGROUND-COLOR, BACKGROUND-IMAGE, BACKGROUND-REPEAT, BACKGROUND-ATTCHMENT, BACKGROUND-POSITION yang dipisahkan spasi.

    Contoh:

    body { background: white url(picture.gif) repeat-y center; }

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

    body { background: white url(picture_1.gif) top left no-repeat, url(picture_2.gif) bottom right no-repeat; }

    Catatan: Nilai properti yang tidak ditetapkan, BACKGROUND akan menggunakan nilai default properti yang bersangkutan.

  • inherit
    Menerapkan nilai BACKGROUND elemen induknya.

    Contoh:

    .mydiv_1 { ... background: white url(picture.gif) repeat-y center; } .mydiv_2 { ... background: inherit; }

    Di mana elemennya mungkin seperti di bawah ini:

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

Properti BACKGROUND bisa diaplikasikan kepada semua elemen.