Download Source Code Aplikasi

Border-Width

Wednesday, March 11th, 2020 - CSS

Properti BORDER-WIDTH dipakai untuk tetapkan 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 tetapkan 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 tetapkan 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 menyerupai di bawah ini:

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

Properti BORDER-WIDTH dapat diaplikasikan kepada semua elemen.

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.
Download Source Code Aplikasi
Border-Width | Ahmad Code | 4.5