7798b173222fa978a2d25c4f2e36c5c61161d053
[WebKit-https.git] / LayoutTests / fast / lists / w3-css3-list-styles-numeric.html
1 <html>
2 <head>
3     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
4     <style>
5         .test ol { float: left; padding-right: 20px; }
6         .test h2 { clear: left; }
7         .negative-number { padding-left: 300px; }
8         .negative-number li:before { content: "\002D"; }
9         
10         /* 
11         The following styles are ordered as they appear in section 4.3. of the 
12         Draft 7 November 2002 draft of the CSS3 Lists module <http://www.w3.org/TR/css3-lists/#numeric>.
13         */
14         
15         ol.arabic-indic { list-style-type: arabic-indic; }
16         
17         ol.binary { list-style-type: binary; }
18         
19         ol.bengali { list-style-type: bengali; }
20         
21         ol.cambodian { list-style-type: cambodian; }
22         ol.khmer { list-style-type: khmer; }
23         
24         ol.decimal { list-style-type: decimal; }
25         
26         ol.decimal-leading-zero { list-style-type: decimal-leading-zero; }
27         
28         ol.devanagari { list-style-type: devanagari; }
29         
30         ol.gujarati { list-style-type: gujarati; }
31         
32         ol.gurmukhi { list-style-type: gurmukhi; }
33         
34         ol.kannada { list-style-type: kannada; }
35         
36         ol.lower-hexadecimal { list-style-type: lower-hexadecimal; }
37         
38         ol.lao { list-style-type: lao; }
39         
40         ol.malayalam { list-style-type: malayalam; }
41         
42         ol.mongolian { list-style-type: mongolian; }
43         
44         ol.myanmar { list-style-type: myanmar; }
45         
46         ol.octal { list-style-type: octal; }
47         
48         ol.oriya { list-style-type: oriya; }
49         
50         ol.persian { list-style-type: persian; }
51         ol.urdu { list-style-type: urdu; }
52         
53         ol.telugu { list-style-type: telugu; }
54         
55         ol.tibetan { list-style-type: tibetan; }
56         
57         ol.thai { list-style-type: thai; }
58         
59         ol.upper-hexadecimal { list-style-type: upper-hexadecimal; }
60     </style>
61     <script src="resources/dump-list.js"></script>
62     <script>
63         function testListItemMarkerEqualsListItemText(listItemElement, depth)
64         {
65             var isNegativeNumber = listItemElement.parentNode.className && listItemElement.parentNode.className.split(" ").indexOf("negative-number") > -1;
66             var expectedMarkerText = (isNegativeNumber ? "-" : "") + listItemElement.innerText;
67             return testListItemMarkerEquals(testRunner.markerTextForListItem(listItemElement), expectedMarkerText);
68         }
69
70         function runTest()
71         {
72             if (!window.testRunner)
73                 return;
74             
75             testRunner.dumpAsText();
76             filterListsWithReplacement(document.querySelectorAll(".test ol"), testListItemMarkerEqualsListItemText);
77             document.body.removeChild(document.getElementById("description")); // Remove description when running in DRT.
78         }
79         window.onload = runTest;
80     </script>
81 </head>
82 <body>
83     <h1>CSS3 Numeric list-style-type</h1>
84     <p id="description">This tests that all of the numeric CSS3 list-style-types are supported as per <a href="http://www.w3.org/TR/css3-lists/#numeric">section 4.3 of the spec. CSS3 Lists module</a> (Draft 7 November 2002). This test PASSED if the list item matches its bullet for every list item (below). For example, for the decimal numeric system the second &lt;li&gt; (which corresponds to 2 in the standard ordering of the positive integers) should be rendered as: 2. 2</p>
85     <div class="test">
86         <h2>arabic-indic</h2>
87         <ol class="arabic-indic">
88             <li>&#x0661;</li>
89             <li>&#x0662;</li>
90             <li>&#x0663;</li>
91             <li>&#x0664;</li>
92             <li>&#x0665;</li>
93             <li>&#x0666;</li>
94             <li>&#x0667;</li>
95             <li>&#x0668;</li>
96             <li>&#x0669;</li>
97             <li>&#x0661;&#x0660;</li>
98         </ol>
99         <ol class="arabic-indic" start="0">
100             <li>&#x0660;</li>
101         </ol>
102         <ol class="arabic-indic" start="-2147483649">
103             <li>&#x661;</li>
104         </ol>
105         <ol class="arabic-indic negative-number" start="-2147483648">
106             <li>&#x662;&#x661;&#x664;&#x667;&#x664;&#x668;&#x663;&#x666;&#x664;&#x668;</li>
107             <li>&#x662;&#x661;&#x664;&#x667;&#x664;&#x668;&#x663;&#x666;&#x664;&#x667;</li>
108         </ol>
109     </div>
110     
111     <div class="test">
112         <h2>binary</h2>
113         <ol class="binary">
114             <li>1</li>
115             <li>10</li>
116         </ol>
117         <ol class="binary" start="0">
118             <li>0</li>
119         </ol>
120         <ol class="binary" start="-2147483649">
121             <li>1</li>
122         </ol>
123         <ol class="binary negative-number" start="-2147483648">
124             <li>10000000000000000000000000000000</li>
125             <li>1111111111111111111111111111111</li>
126         </ol>
127     </div>
128     
129     <div class="test">
130         <h2>bengali</h2>
131         <ol class="bengali">
132             <li>&#x09E7;</li>
133             <li>&#x09E8;</li>
134             <li>&#x09E9;</li>
135             <li>&#x09EA;</li>
136             <li>&#x09EB;</li>
137             <li>&#x09EC;</li>
138             <li>&#x09ED;</li>
139             <li>&#x09EE;</li>
140             <li>&#x09EF;</li>
141             <li>&#x09E7;&#x09E6;</li>
142         </ol>
143         <ol class="bengali" start="0">
144             <li>&#x09E6;</li>
145         </ol>
146         <ol class="bengali" start="-2147483649">
147             <li>&#x9E7;</li>
148         </ol>
149         <ol class="bengali negative-number" start="-2147483648">
150             <li>&#x9E8;&#x9E7;&#x9EA;&#x9ED;&#x9EA;&#x9EE;&#x9E9;&#x9EC;&#x9EA;&#x9EE;</li>
151             <li>&#x9E8;&#x9E7;&#x9EA;&#x9ED;&#x9EA;&#x9EE;&#x9E9;&#x9EC;&#x9EA;&#x9ED;</li>
152         </ol>
153     </div>
154     
155     <div class="test">
156         <h2>cambodian</h2>
157         <ol class="cambodian">
158             <li>&#x17E1;</li>
159             <li>&#x17E2;</li>
160             <li>&#x17E3;</li>
161             <li>&#x17E4;</li>
162             <li>&#x17E5;</li>
163             <li>&#x17E6;</li>
164             <li>&#x17E7;</li>
165             <li>&#x17E8;</li>
166             <li>&#x17E9;</li>
167             <li>&#x17E1;&#x17E0;</li>
168         </ol>
169         <ol class="cambodian" start="0">
170             <li>&#x17E0;</li>
171         </ol>
172         <ol class="cambodian" start="-2147483649">
173             <li>&#x17E1;</li>
174         </ol>
175         <ol class="cambodian negative-number" start="-2147483648">
176             <li>&#x17E2;&#x17E1;&#x17E4;&#x17E7;&#x17E4;&#x17E8;&#x17E3;&#x17E6;&#x17E4;&#x17E8;</li>
177             <li>&#x17E2;&#x17E1;&#x17E4;&#x17E7;&#x17E4;&#x17E8;&#x17E3;&#x17E6;&#x17E4;&#x17E7;</li>
178         </ol>
179     </div>
180     <div class="test">
181         <h2>khmer</h2>
182         <ol class="khmer">
183             <li>&#x17E1;</li>
184             <li>&#x17E2;</li>
185             <li>&#x17E3;</li>
186             <li>&#x17E4;</li>
187             <li>&#x17E5;</li>
188             <li>&#x17E6;</li>
189             <li>&#x17E7;</li>
190             <li>&#x17E8;</li>
191             <li>&#x17E9;</li>
192             <li>&#x17E1;&#x17E0;</li>
193         </ol>
194         <ol class="khmer" start="0">
195             <li>&#x17E0;</li>
196         </ol>
197         <ol class="khmer" start="-2147483649">
198             <li>&#x17E1;</li>
199         </ol>
200         <ol class="khmer negative-number" start="-2147483648">
201             <li>&#x17E2;&#x17E1;&#x17E4;&#x17E7;&#x17E4;&#x17E8;&#x17E3;&#x17E6;&#x17E4;&#x17E8;</li>
202             <li>&#x17E2;&#x17E1;&#x17E4;&#x17E7;&#x17E4;&#x17E8;&#x17E3;&#x17E6;&#x17E4;&#x17E7;</li>
203         </ol>
204     </div>
205     
206     <div class="test">
207         <h2>decimal</h2>
208         <ol class="decimal">
209             <li>1</li>
210             <li>2</li>
211             <li>3</li>
212             <li>4</li>
213             <li>5</li>
214             <li>6</li>
215             <li>7</li>
216             <li>8</li>
217             <li>9</li>
218             <li>10</li>
219         </ol>
220         <ol class="decimal" start="0">
221             <li>0</li>
222         </ol>
223         <ol class="decimal" start="-2147483649">
224             <li>1</li>
225         </ol>
226         <ol class="decimal negative-number" start="-2147483648">
227             <li>2147483648</li>
228             <li>2147483647</li>
229         </ol>
230     </div>
231     
232     <div class="test">
233         <h2>decimal-leading-zero</h2>
234         <ol class="decimal-leading-zero">
235             <li>01</li>
236             <li>02</li>
237             <li>03</li>
238             <li>04</li>
239             <li>05</li>
240             <li>06</li>
241             <li>07</li>
242             <li>08</li>
243             <li>09</li>
244             <li>10</li>
245         </ol>
246         <ol class="decimal-leading-zero" start="0">
247             <li>00</li>
248         </ol>
249         <ol class="decimal-leading-zero" start="-2147483649">
250             <li>01</li>
251         </ol>
252         <ol class="decimal-leading-zero negative-number" start="-2147483648">
253             <li>2147483648</li>
254             <li>2147483647</li>
255         </ol>
256     </div>
257     
258     <div class="test">
259         <h2>devanagari</h2>
260         <ol class="devanagari">
261             <li>&#x0967;</li>
262             <li>&#x0968;</li>
263             <li>&#x0969;</li>
264             <li>&#x096A;</li>
265             <li>&#x096B;</li>
266             <li>&#x096C;</li>
267             <li>&#x096D;</li>
268             <li>&#x096E;</li>
269             <li>&#x096F;</li>
270             <li>&#x0967;&#x0966;</li>
271         </ol>
272         <ol class="devanagari" start="0">
273             <li>&#x0966;</li>
274         </ol>
275         <ol class="devanagari" start="-2147483649">
276             <li>&#x967;</li>
277         </ol>
278         <ol class="devanagari negative-number" start="-2147483648">
279             <li>&#x968;&#x967;&#x96A;&#x96D;&#x96A;&#x96E;&#x969;&#x96C;&#x96A;&#x96E;</li>
280             <li>&#x968;&#x967;&#x96A;&#x96D;&#x96A;&#x96E;&#x969;&#x96C;&#x96A;&#x96D;</li>
281         </ol>
282     </div>
283     
284     <div class="test">
285         <h2>gujarati</h2>
286         <ol class="gujarati">
287             <li>&#x0AE7;</li>
288             <li>&#x0AE8;</li>
289             <li>&#x0AE9;</li>
290             <li>&#x0AEA;</li>
291             <li>&#x0AEB;</li>
292             <li>&#x0AEC;</li>
293             <li>&#x0AED;</li>
294             <li>&#x0AEE;</li>
295             <li>&#x0AEF;</li>
296             <li>&#x0AE7;&#x0AE6;</li>
297         </ol>
298         <ol class="gujarati" start="0">
299             <li>&#x0AE6;</li>
300         </ol>
301         <ol class="gujarati" start="-2147483649">
302             <li>&#xAE7;</li>
303         </ol>
304         <ol class="gujarati negative-number" start="-2147483648">
305             <li>&#xAE8;&#xAE7;&#xAEA;&#xAED;&#xAEA;&#xAEE;&#xAE9;&#xAEC;&#xAEA;&#xAEE;</li>
306             <li>&#xAE8;&#xAE7;&#xAEA;&#xAED;&#xAEA;&#xAEE;&#xAE9;&#xAEC;&#xAEA;&#xAED;</li>
307         </ol>
308     </div>
309     
310     <div class="test">
311         <h2>gurmukhi</h2>
312         <ol class="gurmukhi">
313             <li>&#x0A67;</li>
314             <li>&#x0A68;</li>
315             <li>&#x0A69;</li>
316             <li>&#x0A6A;</li>
317             <li>&#x0A6B;</li>
318             <li>&#x0A6C;</li>
319             <li>&#x0A6D;</li>
320             <li>&#x0A6E;</li>
321             <li>&#x0A6F;</li>
322             <li>&#x0A67;&#x0A66;</li>
323         </ol>
324         <ol class="gurmukhi" start="0">
325             <li>&#x0A66;</li>
326         </ol>
327         <ol class="gurmukhi" start="-2147483649">
328             <li>&#xA67;</li>
329         </ol>
330         <ol class="gurmukhi negative-number" start="-2147483648">
331             <li>&#xA68;&#xA67;&#xA6A;&#xA6D;&#xA6A;&#xA6E;&#xA69;&#xA6C;&#xA6A;&#xA6E;</li>
332             <li>&#xA68;&#xA67;&#xA6A;&#xA6D;&#xA6A;&#xA6E;&#xA69;&#xA6C;&#xA6A;&#xA6D;</li>
333         </ol>
334     </div>
335     
336     <div class="test">
337         <h2>kannada</h2>
338         <ol class="kannada">
339             <li>&#x0CE7;</li>
340             <li>&#x0CE8;</li>
341             <li>&#x0CE9;</li>
342             <li>&#x0CEA;</li>
343             <li>&#x0CEB;</li>
344             <li>&#x0CEC;</li>
345             <li>&#x0CED;</li>
346             <li>&#x0CEE;</li>
347             <li>&#x0CEF;</li>
348             <li>&#x0CE7;&#x0CE6;</li>
349         </ol>
350         <ol class="kannada" start="0">
351             <li>&#x0CE6;</li>
352         </ol>
353         <ol class="kannada" start="-2147483649">
354             <li>&#xCE7;</li>
355         </ol>
356         <ol class="kannada negative-number" start="-2147483648">
357             <li>&#xCE8;&#xCE7;&#xCEA;&#xCED;&#xCEA;&#xCEE;&#xCE9;&#xCEC;&#xCEA;&#xCEE;</li>
358             <li>&#xCE8;&#xCE7;&#xCEA;&#xCED;&#xCEA;&#xCEE;&#xCE9;&#xCEC;&#xCEA;&#xCED;</li>
359         </ol>
360     </div>
361     
362     <div class="test">
363         <h2>lower-hexadecimal</h2>
364         <ol class="lower-hexadecimal">
365             <li>1</li>
366             <li>2</li>
367             <li>3</li>
368             <li>4</li>
369             <li>5</li>
370             <li>6</li>
371             <li>7</li>
372             <li>8</li>
373             <li>9</li>
374             <li>a</li>
375             <li>b</li>
376             <li>c</li>
377             <li>d</li>
378             <li>e</li>
379             <li>f</li>
380             <li>10</li>
381         </ol>
382         <ol class="lower-hexadecimal" start="0">
383             <li>0</li>
384         </ol>
385         <ol class="lower-hexadecimal" start="-2147483649">
386             <li>1</li>
387         </ol>
388         <ol class="lower-hexadecimal negative-number" start="-2147483648">
389             <li>80000000</li>
390             <li>7fffffff</li>
391         </ol>
392     </div>
393     
394     <div class="test">
395         <h2>lao</h2>
396         <ol class="lao">
397             <li>&#x0ED1;</li>
398             <li>&#x0ED2;</li>
399             <li>&#x0ED3;</li>
400             <li>&#x0ED4;</li>
401             <li>&#x0ED5;</li>
402             <li>&#x0ED6;</li>
403             <li>&#x0ED7;</li>
404             <li>&#x0ED8;</li>
405             <li>&#x0ED9;</li>
406             <li>&#x0ED1;&#x0ED0;</li>
407         </ol>
408         <ol class="lao" start="0">
409             <li>&#x0ED0;</li>
410         </ol>
411         <ol class="lao" start="-2147483649">
412             <li>&#xED1;</li>
413         </ol>
414         <ol class="lao negative-number" start="-2147483648">
415             <li>&#xED2;&#xED1;&#xED4;&#xED7;&#xED4;&#xED8;&#xED3;&#xED6;&#xED4;&#xED8;</li>
416             <li>&#xED2;&#xED1;&#xED4;&#xED7;&#xED4;&#xED8;&#xED3;&#xED6;&#xED4;&#xED7;</li>
417         </ol>
418     </div>
419     
420     <div class="test">
421         <h2>malayalam</h2>
422         <ol class="malayalam">
423             <li>&#x0D67;</li>
424             <li>&#x0D68;</li>
425             <li>&#x0D69;</li>
426             <li>&#x0D6A;</li>
427             <li>&#x0D6B;</li>
428             <li>&#x0D6C;</li>
429             <li>&#x0D6D;</li>
430             <li>&#x0D6E;</li>
431             <li>&#x0D6F;</li>
432             <li>&#x0D67;&#x0D66;</li>
433         </ol>
434         <ol class="malayalam" start="0">
435             <li>&#x0D66;</li>
436         </ol>
437         <ol class="malayalam" start="-2147483649">
438             <li>&#xD67;</li>
439         </ol>
440         <ol class="malayalam negative-number" start="-2147483648">
441             <li>&#xD68;&#xD67;&#xD6A;&#xD6D;&#xD6A;&#xD6E;&#xD69;&#xD6C;&#xD6A;&#xD6E;</li>
442             <li>&#xD68;&#xD67;&#xD6A;&#xD6D;&#xD6A;&#xD6E;&#xD69;&#xD6C;&#xD6A;&#xD6D;</li>
443         </ol>
444     </div>
445     
446     <div class="test">
447         <h2>mongolian</h2>
448         <ol class="mongolian">
449             <li>&#x1811;</li>
450             <li>&#x1812;</li>
451             <li>&#x1813;</li>
452             <li>&#x1814;</li>
453             <li>&#x1815;</li>
454             <li>&#x1816;</li>
455             <li>&#x1817;</li>
456             <li>&#x1818;</li>
457             <li>&#x1819;</li>
458             <li>&#x1811;&#x1810;</li>
459         </ol>
460         <ol class="mongolian" start="0">
461             <li>&#x1810;</li>
462         </ol>
463         <ol class="mongolian" start="-2147483649">
464             <li>&#x1811;</li>
465         </ol>
466         <ol class="mongolian negative-number" start="-2147483648">
467             <li>&#x1812;&#x1811;&#x1814;&#x1817;&#x1814;&#x1818;&#x1813;&#x1816;&#x1814;&#x1818;</li>
468             <li>&#x1812;&#x1811;&#x1814;&#x1817;&#x1814;&#x1818;&#x1813;&#x1816;&#x1814;&#x1817;</li>
469         </ol>
470     </div>
471     
472     <div class="test">
473         <h2>myanmar</h2>
474         <ol class="myanmar">
475             <li>&#x1041;</li>
476             <li>&#x1042;</li>
477             <li>&#x1043;</li>
478             <li>&#x1044;</li>
479             <li>&#x1045;</li>
480             <li>&#x1046;</li>
481             <li>&#x1047;</li>
482             <li>&#x1048;</li>
483             <li>&#x1049;</li>
484             <li>&#x1041;&#x1040;</li>
485         </ol>
486         <ol class="myanmar" start="0">
487             <li>&#x1040;</li>
488         </ol>
489         <ol class="myanmar" start="-2147483649">
490             <li>&#x1041;</li>
491         </ol>
492         <ol class="myanmar negative-number" start="-2147483648">
493             <li>&#x1042;&#x1041;&#x1044;&#x1047;&#x1044;&#x1048;&#x1043;&#x1046;&#x1044;&#x1048;</li>
494             <li>&#x1042;&#x1041;&#x1044;&#x1047;&#x1044;&#x1048;&#x1043;&#x1046;&#x1044;&#x1047;</li>
495         </ol>
496     </div>
497     
498     <div class="test">
499         <h2>octal</h2>
500         <ol class="octal">
501             <li>1</li>
502             <li>2</li>
503             <li>3</li>
504             <li>4</li>
505             <li>5</li>
506             <li>6</li>
507             <li>7</li>
508             <li>10</li>
509         </ol>
510         <ol class="octal" start="0">
511             <li>0</li>
512         </ol>
513         <ol class="octal" start="-2147483649">
514             <li>1</li>
515         </ol>
516         <ol class="octal negative-number" start="-2147483648">
517             <li>20000000000</li>
518             <li>17777777777</li>
519         </ol>
520     </div>
521     
522     <div class="test">
523         <h2>oriya</h2>
524         <ol class="oriya">
525             <li>&#x0B67;</li>
526             <li>&#x0B68;</li>
527             <li>&#x0B69;</li>
528             <li>&#x0B6A;</li>
529             <li>&#x0B6B;</li>
530             <li>&#x0B6C;</li>
531             <li>&#x0B6D;</li>
532             <li>&#x0B6E;</li>
533             <li>&#x0B6F;</li>
534             <li>&#x0B67;&#x0B66;</li>
535         </ol>
536         <ol class="oriya" start="0">
537             <li>&#x0B66;</li>
538         </ol>
539         <ol class="oriya" start="-2147483649">
540             <li>&#xB67;</li>
541         </ol>
542         <ol class="oriya negative-number" start="-2147483648">
543             <li>&#xB68;&#xB67;&#xB6A;&#xB6D;&#xB6A;&#xB6E;&#xB69;&#xB6C;&#xB6A;&#xB6E;</li>
544             <li>&#xB68;&#xB67;&#xB6A;&#xB6D;&#xB6A;&#xB6E;&#xB69;&#xB6C;&#xB6A;&#xB6D;</li>
545         </ol>
546     </div>
547     
548     <div class="test">
549         <h2>persian</h2>
550         <ol class="persian">
551             <li>&#x06F1;</li>
552             <li>&#x06F2;</li>
553             <li>&#x06F3;</li>
554             <li>&#x06F4;</li>
555             <li>&#x06F5;</li>
556             <li>&#x06F6;</li>
557             <li>&#x06F7;</li>
558             <li>&#x06F8;</li>
559             <li>&#x06F9;</li>
560             <li>&#x06F1;&#x06F0;</li>
561         </ol>
562         <ol class="persian" start="0">
563             <li>&#x06F0;</li>
564         </ol>
565         <ol class="persian" start="-2147483649">
566             <li>&#x6F1;</li>
567         </ol>
568         <ol class="persian negative-number" start="-2147483648">
569             <li>&#x6F2;&#x6F1;&#x6F4;&#x6F7;&#x6F4;&#x6F8;&#x6F3;&#x6F6;&#x6F4;&#x6F8;</li>
570             <li>&#x6F2;&#x6F1;&#x6F4;&#x6F7;&#x6F4;&#x6F8;&#x6F3;&#x6F6;&#x6F4;&#x6F7;</li>
571         </ol>
572     </div>
573     <div class="test">
574         <h2>urdu</h2>
575         <ol class="urdu">
576             <li>&#x06F1;</li>
577             <li>&#x06F2;</li>
578             <li>&#x06F3;</li>
579             <li>&#x06F4;</li>
580             <li>&#x06F5;</li>
581             <li>&#x06F6;</li>
582             <li>&#x06F7;</li>
583             <li>&#x06F8;</li>
584             <li>&#x06F9;</li>
585             <li>&#x06F1;&#x06F0;</li>
586         </ol>
587         <ol class="urdu" start="0">
588             <li>&#x06F0;</li>
589         </ol>
590         <ol class="urdu" start="-2147483649">
591             <li>&#x6F1;</li>
592         </ol>
593         <ol class="urdu negative-number" start="-2147483648">
594             <li>&#x6F2;&#x6F1;&#x6F4;&#x6F7;&#x6F4;&#x6F8;&#x6F3;&#x6F6;&#x6F4;&#x6F8;</li>
595             <li>&#x6F2;&#x6F1;&#x6F4;&#x6F7;&#x6F4;&#x6F8;&#x6F3;&#x6F6;&#x6F4;&#x6F7;</li>
596         </ol>
597     </div>
598     
599     <div class="test">
600         <h2>telugu</h2>
601         <ol class="telugu">
602             <li>&#x0C67;</li>
603             <li>&#x0C68;</li>
604             <li>&#x0C69;</li>
605             <li>&#x0C6A;</li>
606             <li>&#x0C6B;</li>
607             <li>&#x0C6C;</li>
608             <li>&#x0C6D;</li>
609             <li>&#x0C6E;</li>
610             <li>&#x0C6F;</li>
611             <li>&#x0C67;&#x0C66;</li>
612         </ol>
613         <ol class="telugu" start="0">
614             <li>&#x0C66;</li>
615         </ol>
616         <ol class="telugu" start="-2147483649">
617             <li>&#xC67;</li>
618         </ol>
619         <ol class="telugu negative-number" start="-2147483648">
620             <li>&#xC68;&#xC67;&#xC6A;&#xC6D;&#xC6A;&#xC6E;&#xC69;&#xC6C;&#xC6A;&#xC6E;</li>
621             <li>&#xC68;&#xC67;&#xC6A;&#xC6D;&#xC6A;&#xC6E;&#xC69;&#xC6C;&#xC6A;&#xC6D;</li>
622         </ol>
623     </div>
624     
625     <div class="test">
626         <h2>tibetan</h2>
627         <ol class="tibetan">
628             <li>&#x0F21;</li>
629             <li>&#x0F22;</li>
630             <li>&#x0F23;</li>
631             <li>&#x0F24;</li>
632             <li>&#x0F25;</li>
633             <li>&#x0F26;</li>
634             <li>&#x0F27;</li>
635             <li>&#x0F28;</li>
636             <li>&#x0F29;</li>
637             <li>&#x0F21;&#x0F20;</li>
638         </ol>
639         <ol class="tibetan" start="0">
640             <li>&#x0F20;</li>
641         </ol>
642         <ol class="tibetan" start="-2147483649">
643             <li>&#xF21;</li>
644         </ol>
645         <ol class="tibetan negative-number" start="-2147483648">
646             <li>&#xF22;&#xF21;&#xF24;&#xF27;&#xF24;&#xF28;&#xF23;&#xF26;&#xF24;&#xF28;</li>
647             <li>&#xF22;&#xF21;&#xF24;&#xF27;&#xF24;&#xF28;&#xF23;&#xF26;&#xF24;&#xF27;</li>
648         </ol>
649     </div>
650     
651     <div class="test">
652         <h2>thai</h2>
653         <ol class="thai">
654             <li>&#x0E51;</li>
655             <li>&#x0E52;</li>
656             <li>&#x0E53;</li>
657             <li>&#x0E54;</li>
658             <li>&#x0E55;</li>
659             <li>&#x0E56;</li>
660             <li>&#x0E57;</li>
661             <li>&#x0E58;</li>
662             <li>&#x0E59;</li>
663             <li>&#x0E51;&#x0E50;</li>
664         </ol>
665         <ol class="thai" start="0">
666             <li>&#x0E50;</li>
667         </ol>
668         <ol class="thai" start="-2147483649">
669             <li>&#xE51;</li>
670         </ol>
671         <ol class="thai negative-number" start="-2147483648">
672             <li>&#xE52;&#xE51;&#xE54;&#xE57;&#xE54;&#xE58;&#xE53;&#xE56;&#xE54;&#xE58;</li>
673             <li>&#xE52;&#xE51;&#xE54;&#xE57;&#xE54;&#xE58;&#xE53;&#xE56;&#xE54;&#xE57;</li>
674         </ol>
675     </div>
676     
677     <div class="test">
678         <h2>upper-hexadecimal</h2>
679         <ol class="upper-hexadecimal">
680             <li>1</li>
681             <li>2</li>
682             <li>3</li>
683             <li>4</li>
684             <li>5</li>
685             <li>6</li>
686             <li>7</li>
687             <li>8</li>
688             <li>9</li>
689             <li>A</li>
690             <li>B</li>
691             <li>C</li>
692             <li>D</li>
693             <li>E</li>
694             <li>F</li>
695             <li>10</li>
696         </ol>
697         <ol class="upper-hexadecimal" start="0">
698             <li>0</li>
699         </ol>
700         <ol class="upper-hexadecimal" start="-2147483649">
701             <li>1</li>
702         </ol>
703         <ol class="upper-hexadecimal negative-number" start="-2147483648">
704             <li>80000000</li>
705             <li>7FFFFFFF</li>
706         </ol>
707     </div>
708 </body>
709 </html>