Tutorial Border

Tutorial ini adalah untuk menerangkan jenis-jenis Border yang boleh diguna pakai di dalam blog pada template, posting ataupun sidebar. Border mempunyai banyak Jenis (style) yang mana ianya boleh diubah, ditambah dan dibuang. berikut adalah Jenis-border yang dimaksudkan.

1. border-style: solid;
2. border-style: dotted;
3. border-style: dashed;
4. border-style: ridge;
5. border-style: groove;
6. border-style: inset;
7. border-style: outset;
8. border-style: double;

<div style="border: 5px solid blue; width: 200px;">
1. Jenis Border = Solid
</div>

1. Jenis Border = Solid

<div style="border: 5px dotted blue; width: 200px;">
2. Jenis Border = Dotted
</div>

2. Jenis Border = Dotted

<div style="border: 5px; dashed blue; width: 200px;">
3. Jenis border = Dotted
</div>

3. Jenis Border = Dashed

<div style="border: 5px; ridge blue; width: 200px;">
4. Jenis Border = Ridge
</div>

4. Jenis Border = Ridge

<div style="border: 5px; groove blue; width: 200px;">
5. Jenis Border = Groove
</div>

6. Jenis Border = Groove

<div style="border: 5px; inset blue; width: 200px;">
6. Jenis Border = Inset
</div>

. Jenis Border = Inset

<div style="border: 5px; outset blue; width: 200px;">
7. Jenis Border = Outset
</div>

7. Jenis Border = Outset

<div style="border: 5px; double blue; width: 200px;">
8. Jenis Border = Double
</div>

8. Jenis Border = Double

Tambahan Untuk Kegunaan Code

5px - Ketebalan border (Minima 1px) Jika di letakkan 0px border akan hilang.
blue - Warna (etc: black, yellow, red)
width: 200px - Kelebaran border (padam code ini jika inginkan kelebaran maksima)