Wednesday, February 1, 2012

BORDER-WIDTH

Properti BORDER-WIDTH digunakan untuk menetapkan BORDER-TOP-WIDTH, BORDER-RIGHT-WIDTH, BORDER-BOTTOM-WIDTH, dan BORDER-LEFT-WIDTH dalam satu deklarasi.

Sintaks:

border-width: value;

Untuk value:

  • thin, medium (default), thick

    Contoh:

    p { border-style: solid; border-width: medium; }

    Contoh di bawah ini menetapkan nilai yang berbeda-beda, masing-masing sebesar thin untuk border sisi atas dan sisi bawah, thick untuk border sisi kanan dan sisi kiri:

    p { border-style: solid; border-width: thin thick; }
  • Length

    Contoh di bawah ini menetapkan lebar border yang berbeda-beda, masing-masing sebesar 2 piksel untuk border sisi atas dan sisi bawah, 15 piksel untuk border sisi kanan dan sisi kiri:

    p { border-style: solid; border-width: 2px 15px; }
  • inherit
    Menerapkan nilai BORDER-WIDTH elemen induknya.

    Contoh:

    .mydiv_1 { ... border-width: thick; } .mydiv_2 { ... border-width: inherit; }

    Di mana elemennya mungkin seperti di bawah ini:

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

Properti BORDER-WIDTH bisa diaplikasikan kepada semua elemen.