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

2 comments for “CSS Border

  1. 19 Februari 2010 at 21:16

    Gimana cara membuat border dengan gambar di CSS? 😀

    • Gusdwi
      20 Februari 2010 at 09:20

      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

Tinggalkan Balasan

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