Wednesday, February 1, 2012

BORDER-COLOR

Properti BORDER-COLOR digunakan untuk menetapkan warna border suatu elemen.

Sintaks:

border-color: value;

Untuk value:

  • color
    Untuk color bisa gunakan hex color, rgb color, atau color name.

    Contoh:

    p { border-style: solid; border-color: green; }

    Contoh di bawah ini menetapkan warna border yang berbeda-beda di kedua sisi border elemen P, masing-masing warna hijau untuk border atas dan bawah, warna merah untuk border kanan dan kiri:

    p { border-style: solid; border-color: green red; }
  • transparent

    Contoh:

    p { border-style: solid; border-color: green transparent; }
  • inherit
    Menerapkan nilai BORDER-COLOR elemen induknya.

    Contoh:

    .mydiv_1 { ... border-color: green transparent; } .mydiv_2 { ... border-color: inherit; }

    Di mana elemennya mungkin seperti di bawah ini:

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

Properti BORDER-COLOR bisa diaplikasikan kepada semua elemen.