Code Tutorial | CSS list-style-type

Sudah lama tidak buat entri code tutorial.. jadi petang ni aku buat la tutorial ni..
sebenarnya aku tidak tahu mcmana mau terangkan pasal list-style-type.. tapi jika anda pernah guna microsoft office.. anda pasti tahu benda ni..

list-style-type ni pada template blogspot..ia disetkan list-style:none.. jadi tiada apa2 efek ...

list-style-type ada banyak jenis.. tapi aku cuma hafal 3 ja iaitu

list-style-type:decimal-leading-zero;
list-style-type:lower-roman;
list-style-type:upper-roman;

sebab aku cuma suka 3 jenis list-style-type ni.. yang lain aku kurang berminat.. hehe

contoh penulisan code css list-style-type pada template

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}

jika anda padam list-style:none; widget2 seperti popular post,label.. akan ada bullet..

Disini aku sertakan live demo

contoh list-style-type:decimal-leading-zero;

1. P0L5K4H4CKR3W
2. P0L5K4H4CKJER
3. APA APA SAJA LAH
4. ITU INI BEGITU BEGINI

contoh list-style-type:upper-roman;

1. teh tarik
2. teh tolak
3. teh sorong
4. the therik

contoh list-style-type:lower-roman;

1. huahua
2. hehehehe
3. kekekeke
4. kah kah kah
5. hahahaha

apa macam.. ada paham x?

berikut adalah cara penulisan code live demo tu

<style type='text/css'>
ol.polska {list-style-type:decimal-leading-zero;}
ol.hac {list-style-type:upper-roman;}
ol.crew {list-style-type:lower-roman;}
</style>

contoh list-style-type:decimal-leading-zero;
<ol class='polska'>
<li>P0L5K4H4CKR3W</li>
<li>P0L5K4H4CKJER</li>
<li>APA APA SAJA LAH</li>
<li>ITU INI BEGITU BEGINI</li>
</ol>

contoh list-style-type:upper-roman;
<ol class="hac">
<li>teh tarik</li>
<li>teh tolak</li>
<li>teh sorong</li>
<li>the therik</li>
</ol>

contoh list-style-type:lower-roman;
<ol class="crew">
<li>huahua</li>
<li>hehehehe</li>
<li>kekekeke</li>
<li>kah kah kah</li>
<li>hahahaha</li>
</ol>

klu tidak faham blh bertanya.. diruangan komen

Sekian