Mengenal Berbagai Macam Border

Pengertian border

Border adalah garis tepi yang menyertai suatu content. Letak border bisa berada di sisi atas, kanan, bawah dan kiri dari content dan bisa juga terletak di semua bagian sisi content.

Macam style - gaya border

Border mempunyai style 10 macam / variasi dan 8 diantaranya adalah seperti contoh dibawah berikut:

dotted	dashed
solid	double
groove	ridge
inset	outset

Bentuk dasar css border

Css border memuat 3 property pokok yaitu:
border-width (ketebalan border, bisa dalam satuan px)
border-style (Style / gaya border, misal "solid")
border-color (warna border, misal "red" atau dalam bentuk #fa0000)

Contoh:
border: 5px solid #fa0000;

Penerapan border pada blog

Misalnya kita akan memberikan border pada judul postingan. Langkah awalnya adalah mencari selector yang mewakili judul posting. Judul posting pada blogger adalah "h3.post-title".

Maka penulisan border nya adalah:

h3.post-title {
   border-width: 5px;
   border-style: solid;
   border-color: #000;
}

Atau bisa diringkas menjadi:

h3.post-title {
  border: 5px solid  #000;
}

DEMO ☑