css3-counter-styles-069.html (2569B)
1 <!DOCTYPE html> 2 <html lang="en" > 3 <head> 4 <meta charset="utf-8"/> 5 <title>ethiopic-numeric, 10+</title> 6 <link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'> 7 <link rel='help' href='http://www.w3.org/TR/css-counter-styles-3/#ethiopic-numeric-counter-style'> 8 <link rel="reviewer" title="Chris Lilley" href="mailto:chris@w3.org" /> 9 <meta name="assert" content="Setting list-style-type to ethiopic-numeric will produce numbering for a list of items over 9 as described in the CSS3 Counter Styles module."> 10 <style type='text/css'> 11 .test { font-size: 25px; } 12 ol { margin: 0; padding-left: 8em; } 13 ol li { list-style-type: ethiopic-numeric; } 14 </style> 15 </head> 16 <body> 17 <p class="instructions">Test passes if the two columns are the same, ignoring the suffix.</p> 18 19 20 <div class='test'> 21 <ol start='10'> 22 <li title='10'>፲.</li> 23 <li title='11'>፲፩.</li> 24 <li title='12'>፲፪.</li> 25 </ol> 26 <ol start='43'> 27 <li title='43'>፵፫.</li> 28 </ol> 29 <ol start='77'> 30 <li title='77'>፸፯.</li> 31 </ol> 32 <ol start='80'> 33 <li title='80'>፹.</li> 34 </ol> 35 <ol start='99'> 36 <li title='99'>፺፱.</li> 37 <li title='100'>፻.</li> 38 <li title='101'>፻፩.</li> 39 </ol> 40 <ol start='222'> 41 <li title='222'>፪፻፳፪.</li> 42 </ol> 43 <ol start='540'> 44 <li title='540'>፭፻፵.</li> 45 </ol> 46 <ol start='999'> 47 <li title='999'>፱፻፺፱.</li> 48 <li title='1000'>፲፻.</li> 49 </ol> 50 <ol start='1005'> 51 <li title='1005'>፲፻፭.</li> 52 </ol> 53 <ol start='1060'> 54 <li title='1060'>፲፻፷.</li> 55 </ol> 56 <ol start='1065'> 57 <li title='1065'>፲፻፷፭.</li> 58 </ol> 59 <ol start='1800'> 60 <li title='1800'>፲፰፻.</li> 61 </ol> 62 <ol start='1860'> 63 <li title='1860'>፲፰፻፷.</li> 64 </ol> 65 <ol start='1865'> 66 <li title='1865'>፲፰፻፷፭.</li> 67 </ol> 68 <ol start='5865'> 69 <li title='5865'>፶፰፻፷፭.</li> 70 </ol> 71 <ol start='7005'> 72 <li title='7005'>፸፻፭.</li> 73 </ol> 74 <ol start='7800'> 75 <li title='7800'>፸፰፻.</li> 76 </ol> 77 <ol start='7864'> 78 <li title='7864'>፸፰፻፷፬.</li> 79 </ol> 80 <ol start='9999'> 81 <li title='9999'>፺፱፻፺፱.</li> 82 <li title='10000'>፼.</li> 83 </ol> 84 <ol start='78010092'> 85 <li title='78010092'>፸፰፻፩፼፺፪.</li> 86 </ol> 87 <ol start='1000001'> 88 <li title='1000001'>፻፼፩.</li> 89 </ol> 90 </div> 91 92 93 <!--Notes: 94 You will need an appropriate font to run this test. 95 96 To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip. 97 --> 98 99 100 </body> 101 </html>