dom_ol.html 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
  5. <style>
  6. body {
  7. color: #7d7a7a;
  8. font-family: DejaVu Sans, 'trebuchet ms', verdana, sans-serif;
  9. font-size: 11px;
  10. }
  11. .none li { list-style-type: none; }
  12. .decimal li { list-style-type: decimal; }
  13. .lower-alpha li { list-style-type: lower-alpha; }
  14. .lower-latin li { list-style-type: lower-latin; }
  15. .lower-roman li { list-style-type: lower-roman; }
  16. .lower-greek li { list-style-type: lower-greek; }
  17. .upper-alpha li { list-style-type: upper-alpha; }
  18. .upper-latin li { list-style-type: upper-latin; }
  19. .upper-roman li { list-style-type: upper-roman; }
  20. .upper-greek li { list-style-type: upper-greek; }
  21. .decimal-leading-zero li { list-style-type: decimal-leading-zero; }
  22. </style>
  23. </head>
  24. <body>
  25. <h3>none</h3>
  26. <ol class="none">
  27. <li>Item 1</li>
  28. <li>Item 2</li>
  29. <li>Item 3</li>
  30. </ol>
  31. <h3>decimal</h3>
  32. <ol class="decimal">
  33. <li>Item 1</li>
  34. <li>Item 2</li>
  35. <li>Item 3</li>
  36. </ol>
  37. <h3>lower-alpha</h3>
  38. <ol class="lower-alpha">
  39. <li>Item 1</li>
  40. <li>Item 2</li>
  41. <li>Item 3</li>
  42. </ol>
  43. <h3>lower-latin</h3>
  44. <ol class="lower-latin">
  45. <li>Item 1</li>
  46. <li>Item 2</li>
  47. <li>Item 3</li>
  48. </ol>
  49. <h3>lower-roman</h3>
  50. <ol class="lower-roman">
  51. <li>Item 1</li>
  52. <li>Item 2</li>
  53. <li>Item 3</li>
  54. </ol>
  55. <h3>lower-greek</h3>
  56. <ol class="lower-greek">
  57. <li>Item 1</li>
  58. <li>Item 2</li>
  59. <li>Item 3</li>
  60. </ol>
  61. <h3>upper-alpha</h3>
  62. <ol class="upper-alpha">
  63. <li>Item 1</li>
  64. <li>Item 2</li>
  65. <li>Item 3</li>
  66. </ol>
  67. <h3>upper-latin</h3>
  68. <ol class="upper-latin">
  69. <li>Item 1</li>
  70. <li>Item 2</li>
  71. <li>Item 3</li>
  72. </ol>
  73. <h3>upper-roman</h3>
  74. <ol class="upper-roman">
  75. <li>Item 1</li>
  76. <li>Item 2</li>
  77. <li>Item 3</li>
  78. </ol>
  79. <h3 style="page-break-before: always;">Advanced</h3>
  80. <ol class="decimal">
  81. <li>Item 1</li>
  82. <li>Item 2
  83. <ol class="lower-roman">
  84. <li>Item 1
  85. <ol class="upper-roman">
  86. <li>Item 1</li>
  87. <li>Item 2</li>
  88. <li>Item 3</li>
  89. </ol>
  90. </li>
  91. <li>Item 2</li>
  92. <li>Item 3
  93. <ol class="decimal-leading-zero">
  94. <li>Item 1</li>
  95. <li>Item 2</li>
  96. <li>Item 3</li>
  97. </ol>
  98. </li>
  99. </ol>
  100. </li>
  101. <li>Item 3</li>
  102. </ol>
  103. <h3>"start" attribute (8)</h3>
  104. <ol start="8">
  105. <li>Item 1</li>
  106. <li>Item 2</li>
  107. <li>Item 3</li>
  108. </ol>
  109. <h3>"value" attributes (1, 5, none)</h3>
  110. <ol>
  111. <li value="1">Item 1</li>
  112. <li value="5">Item 2</li>
  113. <li>Item 3</li>
  114. </ol>
  115. <h3>decimal-leading-zero</h3>
  116. <ol class="decimal-leading-zero">
  117. <li>Item #</li>
  118. <li>Item #</li>
  119. <li>Item #</li>
  120. <li>Item #</li>
  121. <li>Item #</li>
  122. <li>Item #</li>
  123. <li>Item #</li>
  124. <li>Item #</li>
  125. <li>Item #</li>
  126. <li>Item #</li>
  127. <li>Item #</li>
  128. <li>Item #</li>
  129. <li>Item #</li>
  130. <li>Item #</li>
  131. <li>Item #</li>
  132. <li>Item #</li>
  133. <li>Item #</li>
  134. <li>Item #</li>
  135. <li>Item #</li>
  136. <li>Item #</li>
  137. <li>Item #</li>
  138. <li>Item #</li>
  139. <li>Item #</li>
  140. <li>Item #</li>
  141. <li>Item #</li>
  142. <li>Item #</li>
  143. </ol>
  144. </body> </html>