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