Wednesday, February 1, 2012

BORDER-STYLE

Properti BORDER-STYLE digunakan untuk menetapkan style border suatu elemen.

Sintaks:

border-style: value;

Untuk value:

  • none, dotted, dashed, solid, double, groove, ridge, inset, dan outset.

    Contoh:

    p { border-style: solid; }

    Contoh di bawah ini menetapkan style border yang berbeda-beda di kedua sisi border elemen P, masing-masing dashed untuk border atas dan bawah, solid untuk border kanan dan kiri:

    p { border-style: dashed solid; }
  • inherit
    Menerapkan nilai BORDER-STYLE elemen induknya.

    Contoh:

    .mydiv_1 { ... border-style: solid; } .mydiv_2 { ... border-style: inherit; }

    Di mana elemennya mungkin seperti di bawah ini:

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

Properti BORDER-STYLE bisa diaplikasikan kepada semua elemen.