| <!doctype html> |
| <meta charset=utf-8> |
| <title>li@type: supported types</title> |
| <style> |
| .decimal { list-style-type: decimal; } |
| .lower-alpha { list-style-type: lower-alpha; } |
| .upper-alpha { list-style-type: upper-alpha; } |
| .lower-roman { list-style-type: lower-roman; } |
| .upper-roman { list-style-type: upper-roman; } |
| .disc { list-style-type: disc; } |
| .circle { list-style-type: circle; } |
| .square { list-style-type: square; } |
| .none { list-style-type: none; } |
| </style> |
| <li class="decimal">first item</li> |
| <li class="lower-alpha">second item</li> |
| <li class="upper-alpha">third item</li> |
| <li class="lower-roman">fourth item</li> |
| <li class="upper-roman">fifth item</li> |
| <li class="disc">sixth item</li> |
| <li class="circle">seventh item</li> |
| <li class="square">eighth item</li> |
| <li class="none">ninth item</li> |
| <ol> |
| <li class="decimal">first ordered item</li> |
| <li class="lower-alpha">second ordered item</li> |
| <li class="upper-alpha">third ordered item</li> |
| <li class="lower-roman">fourth ordered item</li> |
| <li class="upper-roman">fifth ordered item</li> |
| <li class="disc">sixth ordered item</li> |
| <li class="circle">seventh ordered item</li> |
| <li class="square">eighth ordered item</li> |
| <li class="none">ninth ordered item</li> |
| </ol> |
| <ul> |
| <li class="decimal">first unordered item</li> |
| <li class="lower-alpha">second unordered item</li> |
| <li class="upper-alpha">third unordered item</li> |
| <li class="lower-roman">fourth unordered item</li> |
| <li class="upper-roman">fifth unordered item</li> |
| <li class="disc">sixth unordered item</li> |
| <li class="circle">seventh unordered item</li> |
| <li class="square">eighth unordered item</li> |
| <li class="none">ninth unordered item</li> |
| </ul> |