OLD | NEW |
(Empty) | |
| 1 <!doctype html> |
| 2 <meta charset=utf-8> |
| 3 <title>li@type: supported types</title> |
| 4 <style> |
| 5 .decimal { list-style-type: decimal; } |
| 6 .lower-alpha { list-style-type: lower-alpha; } |
| 7 .upper-alpha { list-style-type: upper-alpha; } |
| 8 .lower-roman { list-style-type: lower-roman; } |
| 9 .upper-roman { list-style-type: upper-roman; } |
| 10 .disc { list-style-type: disc; } |
| 11 .circle { list-style-type: circle; } |
| 12 .square { list-style-type: square; } |
| 13 .none { list-style-type: none; } |
| 14 </style> |
| 15 <li class="decimal">first item</li> |
| 16 <li class="lower-alpha">second item</li> |
| 17 <li class="upper-alpha">third item</li> |
| 18 <li class="lower-roman">fourth item</li> |
| 19 <li class="upper-roman">fifth item</li> |
| 20 <li class="disc">sixth item</li> |
| 21 <li class="circle">seventh item</li> |
| 22 <li class="square">eigth item</li> |
| 23 <li class="none">ninth item</li> |
| 24 <ol> |
| 25 <li class="decimal">first ordered item</li> |
| 26 <li class="lower-alpha">second ordered item</li> |
| 27 <li class="upper-alpha">third ordered item</li> |
| 28 <li class="lower-roman">fourth ordered item</li> |
| 29 <li class="upper-roman">fifth ordered item</li> |
| 30 <li class="disc">sixth ordered item</li> |
| 31 <li class="circle">seventh ordered item</li> |
| 32 <li class="square">eigth ordered item</li> |
| 33 <li class="none">ninth ordered item</li> |
| 34 </ol> |
| 35 <ul> |
| 36 <li class="decimal">first unordered item</li> |
| 37 <li class="lower-alpha">second unordered item</li> |
| 38 <li class="upper-alpha">third unordered item</li> |
| 39 <li class="lower-roman">fourth unordered item</li> |
| 40 <li class="upper-roman">fifth unordered item</li> |
| 41 <li class="disc">sixth unordered item</li> |
| 42 <li class="circle">seventh unordered item</li> |
| 43 <li class="square">eigth unordered item</li> |
| 44 <li class="none">ninth unordered item</li> |
| 45 </ul> |
OLD | NEW |