Border Styles

Haepp!!.. tutorial kali ni adalah berkenaan dengan penggunaan Border. Haa.. kalau sebelum ni korang asyik guna border biasa jer untuk mengemaskan entry/post blog korang, kali ni aku nak terangkan sedikit sebanyak(banyak sikit ler tu.. hehee..) tentang jenis border. So, lepasni korang bleh pelbagaikan la penggunaan border kat blog korang yer. Ok, jom cekidOuT!!..

Jenis² Border:
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. border-style: solid;
</div>

1. border-style: solid;

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

2. border-style: dotted;

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

3. border-style: 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. border-style: groove;
</div>

5. border-style: groove;

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

6. border-style: inset;

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

7. border-style: outset;

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

8. border-style: 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)


Yang Betul,