CodeLab
Tutorials For Everyone
Run
<!Doctype HTML> <html> <head> <title>CSS List Item Marker for Ordered Lists</title> <style> .list1{list-style-type:armenian;} .list2{list-style-type:cjk-ideographic;} .list3{list-style-type:decimal;} .list4{list-style-type:decimal-leading-zero;} .list5{list-style-type:georgian;} .list6{list-style-type:hebrew;} .list7{list-style-type:hiragana;} .list8{list-style-type:hiragana-iroha;} .list9{list-style-type:katakana;} .list10{list-style-type:katakana-iroha;} .list11{list-style-type:lower-alpha;} .list12{list-style-type:lower-greek;} .list13{list-style-type:lower-latin;} .list14{list-style-type:lower-roman;} .list15{list-style-type:none;} .list16{list-style-type:upper-alpha;} .list17{list-style-type:upper-greek;} .list18{list-style-type:upper-latin;} .list19{list-style-type:upper-roman;} .list20{list-style-type:initial;} </style> </head> <body> <h2>CSS List Item Marker for Ordered Lists</h2> CSS List Item Markers Example: <hr> Top 5 Richest Cites in the world:<br> list-style-type:armenian; <ol class="list1"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ol> <hr> Top 5 Richest Cites in the world:<br> list-style-type:cjk-ideographic; <ol class="list2"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ol> <hr> Top 5 Richest Cites in the world:<br> list-style-type:decimal; <ol class="list3"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ol> <hr> Top 5 Richest Cites in the world:<br> list-style-type:decimal-leading-zero; <ol class="list4"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ol> <hr> Top 5 Richest Cites in the world:<br> list-style-type:georgian; <ol class="list5"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ol> <hr> Top 5 Richest Cites in the world:<br> list-style-type:hebrew; <ol class="list6"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ol> <hr> Top 5 Richest Cites in the world:<br> list-style-type:hiragana; <ol class="list7"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ol> <hr> Top 5 Richest Cites in the world:<br> list-style-type:hiragana-iroha; <ol class="list8"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ol> <hr> Top 5 Richest Cites in the world:<br> list-style-type:katakana; <ol class="list9"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ol> <hr> Top 5 Richest Cites in the world:<br> list-style-type:katakana-iroha; <ol class="list10"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ol> <hr> Top 5 Richest Cites in the world:<br> list-style-type:lower-alpha; <ol class="list11"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ol> <hr> Top 5 Richest Cites in the world:<br> list-style-type:lower-greek; <ol class="list12"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ol> <hr> Top 5 Richest Cites in the world:<br> list-style-type:lower-latin; <ol class="list13"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ol> <hr> Top 5 Richest Cites in the world:<br> list-style-type:lower-roman; <ol class="list14"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ol> <hr> Top 5 Richest Cites in the world:<br> list-style-type:none; <ol class="list15"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ol> <hr> Top 5 Richest Cites in the world:<br> list-style-type:upper-alpha; <ol class="list16"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ol> <hr> Top 5 Richest Cites in the world:<br> list-style-type:upper-greek; <ol class="list17"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ol> <hr> Top 5 Richest Cites in the world:<br> list-style-type:upper-latin; <ol class="list18"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ol> <hr> Top 5 Richest Cites in the world:<br> list-style-type:upper-roman; <ol class="list19"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ol> <hr> Top 5 Richest Cites in the world:<br> list-style-type:initial; <ol class="list20"> <li>California</li> <li>Toronto</li> <li>Paris</li> <li>London</li> <li>San Francisco</li> </ol> </body> </html>