Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> ul.a { list-style-type: circle; } ul.b { list-style-type: square; } ol.c { list-style-type: upper-roman; } ol.d { list-style-type: lower-alpha; } ol.e { list-style-type: armenian; } ol.f { list-style-type: decimal; } ol.g { list-style-type: cjk-ideographic; } ol.h { list-style-type: decimal-leading-zero; } ol.i { list-style-type: georgian; } ol.j { list-style-type: hebrew; } ol.k { list-style-type: hiragana; } ol.l { list-style-type: hiragana-iroha; } ol.m { list-style-type: katakana; } ol.n { list-style-type: katakana-iroha; } ol.o { list-style-type: lower-greek; } ol.p { list-style-type: lower-latin; } ol.q { list-style-type: lower-roman; } ol.r { list-style-type: none; } ol.s { list-style-type: upper-alpha; } ol.t { list-style-type: upper-latin; } </style> </head> <body> <h2>List-style-type property example</h2> <p>Examples of unordered lists:</p> <h3>Circle</h3> <ul class="a"> <li>New York</li> <li>Las Vegas</li> <li>Washington</li> </ul> <h3>Square</h3> <ul class="b"> <li>San Francisco</li> <li>Los Angeles</li> <li>Miami</li> </ul> <p>Examples of ordered lists:</p> <h3>Upper-roman</h3> <ol class="c"> <li>Barcelona</li> <li>Madrid</li> <li>London</li> </ol> <h3>Lower-alpha</h3> <ol class="d"> <li>Dubai</li> <li>Anu Dhabi</li> <li>Qatar</li> </ol> <h3>Armenian</h3> <ol class="e"> <li>Yerevan</li> <li>Paris</li> <li>Rome</li> </ol> <h3>Decimal</h3> <ol class="f"> <li>Sydney</li> <li>Honk Kong</li> <li>Moscow</li> </ol> <h3>Cjk-ideographic</h3> <ol class="g"> <li>Kiev</li> <li>Saint-Petersburg</li> <li>Tula</li> </ol> <h3>Decimal-leading-zero</h3> <ol class="h"> <li>Bangkok</li> <li>Gyumri</li> <li>Valencia</li> </ol> <h3>Georgian</h3> <ol class="i"> <li>Madrid</li> <li>Barcelona</li> <li>Prague</li> </ol> <h3>Hebrew</h3> <ol class="j"> <li>Jerusalem</li> <li>Toronto</li> <li>Prague</li> </ol> <h3>Hiragana</h3> <ol class="k"> <li>Cairo</li> <li>Tokyo</li> <li>Athens</li> </ol> <h3>Hiragana-iroha</h3> <ol class="l"> <li>Tehran</li> <li>Tavriz</li> <li>Tel Aviv</li> </ol> <h3>Katakana</h3> <ol class="m"> <li>Munich</li> <li>Berlin</li> <li>Bavaria</li> </ol> <h3>Katakana-iroha</h3> <ol class="n"> <li>Brussels</li> <li>Istanbul</li> <li>Sydney</li> </ol> <h3>Lower-greek</h3> <ol class="o"> <li>Seville</li> <li>Granada</li> <li>Venice</li> </ol> <h3>Lower-latin</h3> <ol class="p"> <li>Budapest</li> <li>Vienna</li> <li>Amsterdam</li> </ol> <h3>Lower-roman</h3> <ol class="q"> <li>Buenos Aires</li> <li>Rio de Janeiro</li> <li>San Paolo</li> </ol> <h3>None</h3> <ol class="r"> <li>Vilnius</li> <li>Tallin</li> <li>Riga</li> </ol> <h3>Upper-alpha</h3> <ol class="s"> <li>Montreal</li> <li>Melbourne</li> <li>Edinburgh</li> </ol> <h3>Upper-latin</h3> <ol class="t"> <li>Dublin</li> <li>Mexico</li> <li>Florence</li> </ol> </body> </html>