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 tanggapan untuk “CSS Border

    • Gusdwi PenulisBalas

      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 *