css3-counter-styles-102-ref.html (2267B)
1 <!DOCTYPE html> 2 <html lang="en" > 3 <head> 4 <meta charset="utf-8"/> 5 <title>arabic-indic, 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/#simple-numeric'> 8 <meta name="assert" content="list-style-type: arabic-indic produces numbers after 9 per the spec."> 9 <style type='text/css'> 10 ol li { list-style-type: arabic-indic; } 11 /* the following CSS is not part of the test */ 12 .test { font-size: 25px; } 13 ol { margin: 0; padding-left: 8em; } 14 </style> 15 </head> 16 <body> 17 <p class="instructions">Test passes if the two columns are the same, IGNORING the suffix.</p> 18 <div class='test'> 19 <ol start='10'> 20 <div><bdi>١٠. </bdi>١٠</div> 21 <div><bdi>١١. </bdi>١١</div> 22 <div><bdi>١٢. </bdi>١٢</div> 23 </ol> 24 <ol start='43'> 25 <div><bdi>٤٣. </bdi>٤٣</div> 26 </ol> 27 <ol start='77'> 28 <div><bdi>٧٧. </bdi>٧٧</div> 29 </ol> 30 <ol start='80'> 31 <div><bdi>٨٠. </bdi>٨٠</div> 32 </ol> 33 <ol start='99'> 34 <div><bdi>٩٩. </bdi>٩٩</div> 35 <div><bdi>١٠٠. </bdi>١٠٠</div> 36 <div><bdi>١٠١. </bdi>١٠١</div> 37 </ol> 38 <ol start='222'> 39 <div><bdi>٢٢٢. </bdi>٢٢٢</div> 40 </ol> 41 <ol start='540'> 42 <div><bdi>٥٤٠. </bdi>٥٤٠</div> 43 </ol> 44 <ol start='999'> 45 <div><bdi>٩٩٩. </bdi>٩٩٩</div> 46 <div><bdi>١٠٠٠. </bdi>١٠٠٠</div> 47 </ol> 48 <ol start='1005'> 49 <div><bdi>١٠٠٥. </bdi>١٠٠٥</div> 50 </ol> 51 <ol start='1060'> 52 <div><bdi>١٠٦٠. </bdi>١٠٦٠</div> 53 </ol> 54 <ol start='1065'> 55 <div><bdi>١٠٦٥. </bdi>١٠٦٥</div> 56 </ol> 57 <ol start='1800'> 58 <div><bdi>١٨٠٠. </bdi>١٨٠٠</div> 59 </ol> 60 <ol start='1860'> 61 <div><bdi>١٨٦٠. </bdi>١٨٦٠</div> 62 </ol> 63 <ol start='1865'> 64 <div><bdi>١٨٦٥. </bdi>١٨٦٥</div> 65 </ol> 66 <ol start='5865'> 67 <div><bdi>٥٨٦٥. </bdi>٥٨٦٥</div> 68 </ol> 69 <ol start='7005'> 70 <div><bdi>٧٠٠٥. </bdi>٧٠٠٥</div> 71 </ol> 72 <ol start='7800'> 73 <div><bdi>٧٨٠٠. </bdi>٧٨٠٠</div> 74 </ol> 75 <ol start='7864'> 76 <div><bdi>٧٨٦٤. </bdi>٧٨٦٤</div> 77 </ol> 78 <ol start='9999'> 79 <div><bdi>٩٩٩٩. </bdi>٩٩٩٩</div> 80 </ol> 81 </div> 82 <!--Notes: 83 You will need an appropriate font to run this test. 84 The test relies on the start attribute working. 85 To see the ASCII decimal number associated with a row, mouse over it and the number will pop up in a tooltip. 86 --> 87 </body> 88 </html>