CSS Border

Ditulis oleh: -
Properti Border adalah untuk membuat garis pinggir pada suatu elemen.
Ada beberapa properti pada Border sebagai berikut:

  • Border Top, untuk mengatur garis pinggir sebelah atas.
    Contoh:

div {border-top-style:solid;
    border-top-width:1px;
    border-top-color:#FF0000;}
  • Border Right, untuk mengatur garis pinggir sebelah kanan.
    Contoh:
div {border-right-style:double;
    border-right-width:4px;
    border-right-color:#000000;}
  • Border Bottom, untuk mengatur garis pinggir sebelah bawah.
    Contoh:
div {border-bottom-style:dashed;
    border-bottom-width:thick;
    border-bottom-color:#FF0000;}
  • Border Left, untuk mengatur garis pinggir sebelah kiri.
    Contoh:
div {border-left-style:dotted;
    border-left-width:thin;
    border-left-color:#FF0000;}
Apabila anda ingin menggabungkan semua properti border menjadi satu deklarasi, caranya adalah seperti berikut ini:
div {border-top:1px solid #000000;
    border-right :2px dashed #cccccc;
    border-bottom:3px dotted #999999;
    border-left :4px double #333333;}
(Bisa digunakan pada blog maupun website)

0 komentar "CSS Border", Baca atau Masukkan Komentar

Posting Komentar