OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
4 <style> | 4 <style> |
5 .test ol { float: left; padding-right: 20px; } | 5 .test ol { float: left; padding-right: 20px; } |
6 .test h2 { clear: left; } | 6 .test h2 { clear: left; } |
7 .negative-number { padding-left: 300px; } | 7 .negative-number { padding-left: 300px; } |
8 .negative-number li:before { content: "\002D"; } | 8 .negative-number li:before { content: "\002D"; } |
9 | 9 |
10 /* | 10 /* |
11 The following styles are ordered as they appear in section 4.3. of the | 11 The following styles are ordered as they appear in section 6.1. of the |
12 Draft 7 November 2002 draft of the CSS3 Lists module <http://www.w3.org/
TR/css3-lists/#numeric>. | 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 */ | 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; } | 14 ol.decimal { list-style-type: decimal; } |
25 | 15 |
26 ol.decimal-leading-zero { list-style-type: decimal-leading-zero; } | 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; } |
27 | 25 |
28 ol.devanagari { list-style-type: devanagari; } | 26 ol.devanagari { list-style-type: devanagari; } |
29 | 27 |
30 ol.gujarati { list-style-type: gujarati; } | 28 ol.gujarati { list-style-type: gujarati; } |
31 | 29 |
32 ol.gurmukhi { list-style-type: gurmukhi; } | 30 ol.gurmukhi { list-style-type: gurmukhi; } |
33 | 31 |
34 ol.kannada { list-style-type: kannada; } | 32 ol.kannada { list-style-type: kannada; } |
35 | 33 |
36 ol.lower-hexadecimal { list-style-type: lower-hexadecimal; } | |
37 | |
38 ol.lao { list-style-type: lao; } | 34 ol.lao { list-style-type: lao; } |
39 | 35 |
40 ol.malayalam { list-style-type: malayalam; } | 36 ol.malayalam { list-style-type: malayalam; } |
41 | 37 |
42 ol.mongolian { list-style-type: mongolian; } | 38 ol.mongolian { list-style-type: mongolian; } |
43 | 39 |
44 ol.myanmar { list-style-type: myanmar; } | 40 ol.myanmar { list-style-type: myanmar; } |
45 | 41 |
46 ol.octal { list-style-type: octal; } | |
47 | |
48 ol.oriya { list-style-type: oriya; } | 42 ol.oriya { list-style-type: oriya; } |
49 | 43 |
50 ol.persian { list-style-type: persian; } | 44 ol.persian { list-style-type: persian; } |
51 ol.urdu { list-style-type: urdu; } | 45 ol.urdu { list-style-type: urdu; } |
52 | 46 |
53 ol.telugu { list-style-type: telugu; } | 47 ol.telugu { list-style-type: telugu; } |
54 | 48 |
55 ol.tibetan { list-style-type: tibetan; } | |
56 | |
57 ol.thai { list-style-type: thai; } | 49 ol.thai { list-style-type: thai; } |
58 | 50 |
59 ol.upper-hexadecimal { list-style-type: upper-hexadecimal; } | 51 ol.tibetan { list-style-type: tibetan; } |
60 </style> | 52 </style> |
61 <script src="resources/dump-list.js"></script> | 53 <script src="resources/dump-list.js"></script> |
62 <script> | 54 <script> |
63 function testListItemMarkerEqualsListItemText(listItemElement, depth) | 55 function testListItemMarkerEqualsListItemText(listItemElement, depth) |
64 { | 56 { |
65 var isNegativeNumber = listItemElement.parentNode.className && listI
temElement.parentNode.className.split(" ").indexOf("negative-number") > -1; | 57 var isNegativeNumber = listItemElement.parentNode.className && listI
temElement.parentNode.className.split(" ").indexOf("negative-number") > -1; |
66 var expectedMarkerText = (isNegativeNumber ? "-" : "") + listItemEle
ment.innerText; | 58 var expectedMarkerText = (isNegativeNumber ? "-" : "") + listItemEle
ment.innerText; |
67 return testListItemMarkerEquals(internals.markerTextForListItem(list
ItemElement), expectedMarkerText); | 59 return testListItemMarkerEquals(internals.markerTextForListItem(list
ItemElement), expectedMarkerText); |
68 } | 60 } |
69 | 61 |
70 function runTest() | 62 function runTest() |
71 { | 63 { |
72 if (!window.testRunner) | 64 if (!window.testRunner) |
73 return; | 65 return; |
74 | 66 |
75 testRunner.dumpAsText(); | 67 testRunner.dumpAsText(); |
76 filterListsWithReplacement(document.querySelectorAll(".test ol"), te
stListItemMarkerEqualsListItemText); | 68 filterListsWithReplacement(document.querySelectorAll(".test ol"), te
stListItemMarkerEqualsListItemText); |
77 document.body.removeChild(document.getElementById("description")); /
/ Remove description when running in DRT. | 69 document.body.removeChild(document.getElementById("description")); /
/ Remove description when running in DRT. |
78 } | 70 } |
79 window.onload = runTest; | 71 window.onload = runTest; |
80 </script> | 72 </script> |
81 </head> | 73 </head> |
82 <body> | 74 <body> |
83 <h1>CSS3 Numeric list-style-type</h1> | 75 <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 PASSE
D if the list item matches its bullet for every list item (below). For example,
for the decimal numeric system the second <li> (which corresponds to 2 in
the standard ordering of the positive integers) should be rendered as: 2. 2</p> | 76 <p id="description">his tests that all of the alphabetic CSS3 list-style-typ
es are supported as per <a href="http://www.w3.org/TR/css-counter-styles-3/#simp
le-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 ev
ery list item (below). For example, for the decimal numeric system the second &l
t;li> (which corresponds to 2 in the standard ordering of the positive intege
rs) should be rendered as: 2. 2</p> |
85 <div class="test"> | 77 <div class="test"> |
86 <h2>arabic-indic</h2> | 78 <h2>arabic-indic</h2> |
87 <ol class="arabic-indic"> | 79 <ol class="arabic-indic"> |
88 <li>١</li> | 80 <li>١</li> |
89 <li>٢</li> | 81 <li>٢</li> |
90 <li>٣</li> | 82 <li>٣</li> |
91 <li>٤</li> | 83 <li>٤</li> |
92 <li>٥</li> | 84 <li>٥</li> |
93 <li>٦</li> | 85 <li>٦</li> |
94 <li>٧</li> | 86 <li>٧</li> |
95 <li>٨</li> | 87 <li>٨</li> |
96 <li>٩</li> | 88 <li>٩</li> |
97 <li>١٠</li> | 89 <li>١٠</li> |
98 </ol> | 90 </ol> |
99 <ol class="arabic-indic" start="0"> | 91 <ol class="arabic-indic" start="0"> |
100 <li>٠</li> | 92 <li>٠</li> |
101 </ol> | 93 </ol> |
102 <ol class="arabic-indic" start="-2147483649"> | 94 <ol class="arabic-indic" start="-2147483649"> |
103 <li>١</li> | 95 <li>١</li> |
104 </ol> | 96 </ol> |
105 <ol class="arabic-indic negative-number" start="-2147483648"> | 97 <ol class="arabic-indic negative-number" start="-2147483648"> |
106 <li>٢١٤٧٤٨٣٦٤&
#x668;</li> | 98 <li>٢١٤٧٤٨٣٦٤&
#x668;</li> |
107 <li>٢١٤٧٤٨٣٦٤&
#x667;</li> | 99 <li>٢١٤٧٤٨٣٦٤&
#x667;</li> |
108 </ol> | 100 </ol> |
109 </div> | 101 </div> |
110 | 102 |
111 <div class="test"> | 103 <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> | 104 <h2>bengali</h2> |
131 <ol class="bengali"> | 105 <ol class="bengali"> |
132 <li>১</li> | 106 <li>১</li> |
133 <li>২</li> | 107 <li>২</li> |
134 <li>৩</li> | 108 <li>৩</li> |
135 <li>৪</li> | 109 <li>৪</li> |
136 <li>৫</li> | 110 <li>৫</li> |
137 <li>৬</li> | 111 <li>৬</li> |
138 <li>৭</li> | 112 <li>৭</li> |
139 <li>৮</li> | 113 <li>৮</li> |
(...skipping 213 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
353 <ol class="kannada" start="-2147483649"> | 327 <ol class="kannada" start="-2147483649"> |
354 <li>೧</li> | 328 <li>೧</li> |
355 </ol> | 329 </ol> |
356 <ol class="kannada negative-number" start="-2147483648"> | 330 <ol class="kannada negative-number" start="-2147483648"> |
357 <li>೨೧೪೭೪೮೩೬೪&
#xCEE;</li> | 331 <li>೨೧೪೭೪೮೩೬೪&
#xCEE;</li> |
358 <li>೨೧೪೭೪೮೩೬೪&
#xCED;</li> | 332 <li>೨೧೪೭೪೮೩೬೪&
#xCED;</li> |
359 </ol> | 333 </ol> |
360 </div> | 334 </div> |
361 | 335 |
362 <div class="test"> | 336 <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> | 337 <h2>lao</h2> |
396 <ol class="lao"> | 338 <ol class="lao"> |
397 <li>໑</li> | 339 <li>໑</li> |
398 <li>໒</li> | 340 <li>໒</li> |
399 <li>໓</li> | 341 <li>໓</li> |
400 <li>໔</li> | 342 <li>໔</li> |
401 <li>໕</li> | 343 <li>໕</li> |
402 <li>໖</li> | 344 <li>໖</li> |
403 <li>໗</li> | 345 <li>໗</li> |
404 <li>໘</li> | 346 <li>໘</li> |
(...skipping 84 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
489 <ol class="myanmar" start="-2147483649"> | 431 <ol class="myanmar" start="-2147483649"> |
490 <li>၁</li> | 432 <li>၁</li> |
491 </ol> | 433 </ol> |
492 <ol class="myanmar negative-number" start="-2147483648"> | 434 <ol class="myanmar negative-number" start="-2147483648"> |
493 <li>၂၁၄၇၄၈၃၆
၄၈</li> | 435 <li>၂၁၄၇၄၈၃၆
၄၈</li> |
494 <li>၂၁၄၇၄၈၃၆
၄၇</li> | 436 <li>၂၁၄၇၄၈၃၆
၄၇</li> |
495 </ol> | 437 </ol> |
496 </div> | 438 </div> |
497 | 439 |
498 <div class="test"> | 440 <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> | 441 <h2>oriya</h2> |
524 <ol class="oriya"> | 442 <ol class="oriya"> |
525 <li>୧</li> | 443 <li>୧</li> |
526 <li>୨</li> | 444 <li>୨</li> |
527 <li>୩</li> | 445 <li>୩</li> |
528 <li>୪</li> | 446 <li>୪</li> |
529 <li>୫</li> | 447 <li>୫</li> |
530 <li>୬</li> | 448 <li>୬</li> |
531 <li>୭</li> | 449 <li>୭</li> |
532 <li>୮</li> | 450 <li>୮</li> |
(...skipping 133 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
666 <li>๐</li> | 584 <li>๐</li> |
667 </ol> | 585 </ol> |
668 <ol class="thai" start="-2147483649"> | 586 <ol class="thai" start="-2147483649"> |
669 <li>๑</li> | 587 <li>๑</li> |
670 </ol> | 588 </ol> |
671 <ol class="thai negative-number" start="-2147483648"> | 589 <ol class="thai negative-number" start="-2147483648"> |
672 <li>๒๑๔๗๔๘๓๖๔&
#xE58;</li> | 590 <li>๒๑๔๗๔๘๓๖๔&
#xE58;</li> |
673 <li>๒๑๔๗๔๘๓๖๔&
#xE57;</li> | 591 <li>๒๑๔๗๔๘๓๖๔&
#xE57;</li> |
674 </ol> | 592 </ol> |
675 </div> | 593 </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> | 594 </body> |
709 </html> | 595 </html> |
OLD | NEW |