CSS Border

15 Mei 2009     Tag: , , ,
Home » CSS Basic » CSS Border

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;}

Bagikan Artikel:

Saran dan Komentar

    • Kalo buat border dengan gambar pd CSS itu tidak bisa Rizky, tapi kita bisa mengakali dengan membuat background images di CSS sesuai dengan Gambar Border yang di inginkan.
      Contoh syntaxnya bisa di lihat pada CSS Background

  • Silahkan tulis saran, komentar dan pertanyaan dibawah!

    Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *