Tuesday, September 1, 2009

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)

6 comments:

sha89 said...

wahh tutorial yg bagus :)

sgt brguna hehe :)

IzzIrFarhan said...

Salam abg ady...
Nak tnya cikit nie...
Camne nak ltk tutorial border nie dlm posting @ template @ sidebar???
abg ady x tulis pon...
tolong beri jawapannya abg ady...

joegrimjow said...

thx u!!!!

Dee said...

dulu penah cuba tp x jadi..nk try yg ady ajar ni pulak..

Mie said...

Assalam.. saya masih tak faham nak buat border ni. Nka masukkan kod tu kat mana. Kat edit html? Mintak tolong perjelaskan. Thanks

Dumpisz World's said...

salam yelah..kang main letak kang xjadik..