CodeLab
Tutorials For Everyone
Run
Learn CSS
<!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>
Editor Commands
Ctrl
F
Find
Ctrl
G
Find Next
Ctrl
⇧
G
Find Previous
Ctrl
⇧
F
Find & Replace
Ctrl
]
Indent Code Right
Ctrl
[
Indent Code Left
⇧
Tab
Auto Indent Code
Ctrl
/
Line Comment
Ctrl
Alt
/
Block Comment
TutsInsider Actions
Alt
S
Run Code
Ctrl
C
Copy Editor Code
Ctrl
A
Select All Editor Code
Ctrl
S
Save/Download
Ctrl
Alt
X
Rotate
Ctrl
Alt
T
Switch Theme
Ctrl
⇧
C
Open Console
Esc
Close Console