OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
5 <link rel="stylesheet" href="resources/w3-css3-list-styles-alphabetic.css" t
ype="text/css" charset="utf-8" /> | 5 <link rel="stylesheet" href="resources/w3-css3-list-styles-alphabetic.css" t
ype="text/css" charset="utf-8" /> |
6 <style> | 6 <style> |
7 .test ol { float: left; padding-right: 20px; } | 7 .test ol { float: left; padding-right: 20px; } |
8 .test h2 { clear: left; } | 8 .test h2 { clear: left; } |
9 hr { clear: left;} | 9 hr { clear: left;} |
10 hr + h2 { color: blue; } | 10 hr + h2 { color: blue; } |
11 | 11 |
12 /* | 12 /* |
13 The following styles are ordered as they appear in section 4.2. of the | 13 The following styles are ordered as they appear in section 6.1 + 6.3 of
the |
14 Draft 7 November 2002 draft of the CSS3 Lists module <http://www.w3.org/
TR/css3-lists/#algorithmic>. | 14 3 February 2015 CR of the CSS3 Counter Styles Level 3 module <http://www
.w3.org/TR/css-counter-styles-3/#simple-numeric>. |
15 */ | 15 */ |
16 | 16 |
17 ol.armenian { list-style-type: armenian; } | 17 ol.armenian { list-style-type: armenian; } |
18 | 18 |
| 19 ol.upper-armenian { list-style-type: upper-armenian; } |
| 20 |
| 21 ol.lower-armenian { list-style-type: lower-armenian; } |
| 22 |
19 ol.cjk-ideographic { list-style-type: cjk-ideographic; } | 23 ol.cjk-ideographic { list-style-type: cjk-ideographic; } |
20 | 24 |
| 25 ol.georgian { list-style-type: georgian; } |
| 26 |
| 27 ol.hebrew { list-style-type: hebrew; } |
| 28 |
| 29 ol.syriac { list-style-type: syriac; } |
| 30 |
| 31 ol.tamil { list-style-type: tamil; } |
| 32 |
| 33 ol.lower-roman { list-style-type: lower-roman; } |
| 34 |
| 35 ol.upper-roman { list-style-type: upper-roman; } |
| 36 |
| 37 ol.japanese-formal { list-style-type: japanese-formal; } |
| 38 |
| 39 ol.japanese-informal { list-style-type: japanese-informal; } |
| 40 |
| 41 ol.simp-chinese-formal { list-style-type: simp-chinese-formal; } |
| 42 |
| 43 ol.simp-chinese-informal { list-style-type: simp-chinese-informal; } |
| 44 |
| 45 ol.trad-chinese-formal { list-style-type: trad-chinese-formal; } |
| 46 |
| 47 ol.trad-chinese-informal { list-style-type: trad-chinese-informal; } |
| 48 |
21 ol.ethiopic-numeric { list-style-type: ethiopic-numeric; } | 49 ol.ethiopic-numeric { list-style-type: ethiopic-numeric; } |
22 | |
23 ol.georgian { list-style-type: georgian; } | |
24 | |
25 ol.hebrew { list-style-type: hebrew; } | |
26 | |
27 ol.japanese-formal { list-style-type: japanese-formal; } | |
28 | |
29 ol.japanese-informal { list-style-type: japanese-informal; } | |
30 | |
31 ol.lower-armenian { list-style-type: lower-armenian; } | |
32 | |
33 ol.lower-roman { list-style-type: lower-roman; } | |
34 | |
35 ol.simp-chinese-formal { list-style-type: simp-chinese-formal; } | |
36 | |
37 ol.simp-chinese-informal { list-style-type: simp-chinese-informal; } | |
38 | |
39 ol.syriac { list-style-type: syriac; } | |
40 | |
41 ol.tamil { list-style-type: tamil; } | |
42 | |
43 ol.trad-chinese-formal { list-style-type: trad-chinese-formal; } | |
44 | |
45 ol.trad-chinese-informal { list-style-type: trad-chinese-informal; } | |
46 | |
47 ol.upper-armenian { list-style-type: upper-armenian; } | |
48 | |
49 ol.upper-roman { list-style-type: upper-roman; } | |
50 </style> | 50 </style> |
51 <script src="resources/dump-list.js"></script> | 51 <script src="resources/dump-list.js"></script> |
52 <script> | 52 <script> |
53 function runTest() | 53 function runTest() |
54 { | 54 { |
55 if (!window.testRunner) | 55 if (!window.testRunner) |
56 return; | 56 return; |
57 | 57 |
58 testRunner.dumpAsText(); | 58 testRunner.dumpAsText(); |
59 filterListsWithReplacement(document.querySelectorAll(".test ol"), te
stListItemMarkerEqualsListItemText); | 59 filterListsWithReplacement(document.querySelectorAll(".test ol"), te
stListItemMarkerEqualsListItemText); |
60 document.body.removeChild(document.getElementById("description")); /
/ Remove description when running in DRT. | 60 document.body.removeChild(document.getElementById("description")); /
/ Remove description when running in DRT. |
61 } | 61 } |
62 window.onload = runTest; | 62 window.onload = runTest; |
63 </script> | 63 </script> |
64 </head> | 64 </head> |
65 <body> | 65 <body> |
66 <h1>CSS3 Fallback to Decimal List Style</h1> | 66 <h1>CSS3 Fallback to Decimal List Style</h1> |
67 <div id="description"> | 67 <div id="description"> |
68 <p>This tests that we fallback to the decimal list style type when the o
rdinal is outside the representable range for the list style type as per the <a
href="http://www.w3.org/TR/css3-lists/">CSS3 Lists module</a> (Draft 7 November
2002). This test PASSED if the list item matches its marker for every list item
(below).</p> | 68 <p>This tests that we fallback to the decimal list style type when the o
rdinal is outside the representable range for the list style type as per the <a
href="http://www.w3.org/TR/css-counter-styles-3/">CSS3 Counter Styles Level 3 mo
dule</a> (CR 3 Februari 2015). This test PASSED if the list item matches its mar
ker for every list item (below).</p> |
69 <p>Note, as of 12/04/2010, ethiopic-numeric; japanese-formal; japanese-i
nformal; simp-chinese-formal; simp-chinese-informal; syriac; tamil; trad-chinese
-formal; and trad-chinese-informal are unsupported and hence have expected failu
re results.</p> | 69 <p>Note, as of 12/04/2010, ethiopic-numeric; japanese-formal; japanese-i
nformal; simp-chinese-formal; simp-chinese-informal; syriac; tamil; trad-chinese
-formal; and trad-chinese-informal are unsupported and hence have expected failu
re results.</p> |
70 </div> | 70 </div> |
71 <hr/> | 71 <hr/> |
72 <h2>Algorithmic</h2> | 72 <h2>Algorithmic</h2> |
73 <div class="test"> | 73 <div class="test"> |
74 <h2>armenian</h2> | 74 <h2>armenian</h2> |
75 <ol class="armenian" start="-1"> | 75 <ol class="armenian" start="-1"> |
76 <li>-1</li> | 76 <li>-1</li> |
77 <li>0</li> | 77 <li>0</li> |
78 <li>Ա</li> | 78 <li>Ա</li> |
(...skipping 149 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
228 <h2>upper-roman</h2> | 228 <h2>upper-roman</h2> |
229 <ol class="upper-roman" start="-1"> | 229 <ol class="upper-roman" start="-1"> |
230 <li>-1</li> | 230 <li>-1</li> |
231 <li>0</li> | 231 <li>0</li> |
232 <li>I</li> | 232 <li>I</li> |
233 </ol> | 233 </ol> |
234 </div> | 234 </div> |
235 <hr/> | 235 <hr/> |
236 <h2>Alphabetic</h2> | 236 <h2>Alphabetic</h2> |
237 <div class="test"> | 237 <div class="test"> |
238 <h2>afar</h2> | |
239 <ol class="afar" start="-1"> | |
240 <li>-1</li> | |
241 <li>0</li> | |
242 <li>ሀ</li> | |
243 </ol> | |
244 </div> | |
245 <div class="test"> | |
246 <h2>ethiopic-halehame-aa-et</h2> | |
247 <ol class="ethiopic-halehame-aa-et" start="-1"> | |
248 <li>-1</li> | |
249 <li>0</li> | |
250 <li>ሀ</li> | |
251 </ol> | |
252 </div> | |
253 <div class="test"> | |
254 <h2>ethiopic-halehame-aa-er</h2> | |
255 <ol class="ethiopic-halehame-aa-er" start="-1"> | |
256 <li>-1</li> | |
257 <li>0</li> | |
258 <li>ሀ</li> | |
259 </ol> | |
260 </div> | |
261 | |
262 <div class="test"> | |
263 <h2>amharic</h2> | |
264 <ol class="amharic" start="-1"> | |
265 <li>-1</li> | |
266 <li>0</li> | |
267 <li>ሀ</li> | |
268 </ol> | |
269 </div> | |
270 <div class="test"> | |
271 <h2>ethiopic-halehame-am-et</h2> | |
272 <ol class="ethiopic-halehame-am-et" start="-1"> | |
273 <li>-1</li> | |
274 <li>0</li> | |
275 <li>ሀ</li> | |
276 </ol> | |
277 </div> | |
278 <div class="test"> | |
279 <h2>amharic-abegede</h2> | |
280 <ol class="amharic-abegede" start="-1"> | |
281 <li>-1</li> | |
282 <li>0</li> | |
283 <li>አ</li> | |
284 </ol> | |
285 </div> | |
286 <div class="test"> | |
287 <h2>ethiopic-abegede-am-et</h2> | |
288 <ol class="ethiopic-abegede-am-et" start="-1"> | |
289 <li>-1</li> | |
290 <li>0</li> | |
291 <li>አ</li> | |
292 </ol> | |
293 </div> | |
294 | |
295 <div class="test"> | |
296 <h2>cjk-earthly-branch</h2> | 238 <h2>cjk-earthly-branch</h2> |
297 <ol class="cjk-earthly-branch" start="-1"> | 239 <ol class="cjk-earthly-branch" start="-1"> |
298 <li>-1</li> | 240 <li>-1</li> |
299 <li>0</li> | 241 <li>0</li> |
300 <li>子</li> | 242 <li>子</li> |
301 </ol> | 243 </ol> |
302 </div> | 244 </div> |
303 | 245 |
304 <div class="test"> | 246 <div class="test"> |
305 <h2>cjk-heavenly-stem</h2> | 247 <h2>cjk-heavenly-stem</h2> |
306 <ol class="cjk-heavenly-stem" start="-1"> | 248 <ol class="cjk-heavenly-stem" start="-1"> |
307 <li>-1</li> | 249 <li>-1</li> |
308 <li>0</li> | 250 <li>0</li> |
309 <li>甲</li> | 251 <li>甲</li> |
310 </ol> | 252 </ol> |
311 </div> | 253 </div> |
312 | 254 |
313 <div class="test"> | 255 <div class="test"> |
314 <h2>ethiopic</h2> | 256 <h2>ethiopic-halehame</h2> |
315 <ol class="ethiopic" start="-1"> | 257 <ol class="ethiopic-halehame" start="-1"> |
316 <li>-1</li> | 258 <li>-1</li> |
317 <li>0</li> | 259 <li>0</li> |
318 <li>ሀ</li> | 260 <li>ሀ</li> |
319 </ol> | |
320 </div> | |
321 <div class="test"> | |
322 <h2>ethiopic-halehame-gez</h2> | |
323 <ol class="ethiopic-halehame-gez" start="-1"> | |
324 <li>-1</li> | |
325 <li>0</li> | |
326 <li>ሀ</li> | |
327 </ol> | 261 </ol> |
328 </div> | 262 </div> |
329 | 263 |
330 <div class="test"> | 264 <div class="test"> |
331 <h2>ethiopic-abegede</h2> | 265 <h2>ethiopic-halehame-am</h2> |
332 <ol class="ethiopic-abegede" start="-1"> | 266 <ol class="ethiopic-halehame-am" start="-1"> |
333 <li>-1</li> | 267 <li>-1</li> |
334 <li>0</li> | 268 <li>0</li> |
335 <li>አ</li> | 269 <li>ሀ</li> |
336 </ol> | |
337 </div> | |
338 <div class="test"> | |
339 <h2>ethiopic-abegede-gez</h2> | |
340 <ol class="ethiopic-abegede-gez" start="-1"> | |
341 <li>-1</li> | |
342 <li>0</li> | |
343 <li>አ</li> | |
344 </ol> | 270 </ol> |
345 </div> | 271 </div> |
346 | 272 |
347 <div class="test"> | 273 <div class="test"> |
348 <h2>hangul-consonant</h2> | 274 <h2>hangul-consonant</h2> |
349 <ol class="hangul-consonant" start="-1"> | 275 <ol class="hangul-consonant" start="-1"> |
350 <li>-1</li> | 276 <li>-1</li> |
351 <li>0</li> | 277 <li>0</li> |
352 <li>ㄱ</li> | 278 <li>ㄱ</li> |
353 </ol> | 279 </ol> |
(...skipping 64 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
418 <div class="test"> | 344 <div class="test"> |
419 <h2>lower-greek</h2> | 345 <h2>lower-greek</h2> |
420 <ol class="lower-greek" start="-1"> | 346 <ol class="lower-greek" start="-1"> |
421 <li>-1</li> | 347 <li>-1</li> |
422 <li>0</li> | 348 <li>0</li> |
423 <li>α</li> | 349 <li>α</li> |
424 </ol> | 350 </ol> |
425 </div> | 351 </div> |
426 | 352 |
427 <div class="test"> | 353 <div class="test"> |
428 <h2>lower-norwegian</h2> | |
429 <ol class="lower-norwegian" start="-1"> | |
430 <li>-1</li> | |
431 <li>0</li> | |
432 <li>a</li> | |
433 </ol> | |
434 </div> | |
435 | |
436 <div class="test"> | |
437 <h2>oromo</h2> | |
438 <ol class="oromo" start="-1"> | |
439 <li>-1</li> | |
440 <li>0</li> | |
441 <li>ሀ</li> | |
442 </ol> | |
443 </div> | |
444 <div class="test"> | |
445 <h2>ethiopic-halehame-om-et</h2> | |
446 <ol class="ethiopic-halehame-om-et" start="-1"> | |
447 <li>-1</li> | |
448 <li>0</li> | |
449 <li>ሀ</li> | |
450 </ol> | |
451 </div> | |
452 | |
453 <div class="test"> | |
454 <h2>sidama</h2> | |
455 <ol class="sidama" start="-1"> | |
456 <li>-1</li> | |
457 <li>0</li> | |
458 <li>ሀ</li> | |
459 </ol> | |
460 </div> | |
461 <div class="test"> | |
462 <h2>ethiopic-halehame-sid-et</h2> | |
463 <ol class="ethiopic-halehame-sid-et" start="-1"> | |
464 <li>-1</li> | |
465 <li>0</li> | |
466 <li>ሀ</li> | |
467 </ol> | |
468 </div> | |
469 | |
470 <div class="test"> | |
471 <h2>somali</h2> | |
472 <ol class="somali" start="-1"> | |
473 <li>-1</li> | |
474 <li>0</li> | |
475 <li>ሀ</li> | |
476 </ol> | |
477 </div> | |
478 <div class="test"> | |
479 <h2>ethiopic-halehame-so-et</h2> | |
480 <ol class="ethiopic-halehame-so-et" start="-1"> | |
481 <li>-1</li> | |
482 <li>0</li> | |
483 <li>ሀ</li> | |
484 </ol> | |
485 </div> | |
486 | |
487 <div class="test"> | |
488 <h2>tigre</h2> | |
489 <ol class="tigre" start="-1"> | |
490 <li>-1</li> | |
491 <li>0</li> | |
492 <li>ሀ</li> | |
493 </ol> | |
494 </div> | |
495 <div class="test"> | |
496 <h2>ethiopic-halehame-tig</h2> | |
497 <ol class="ethiopic-halehame-tig" start="-1"> | |
498 <li>-1</li> | |
499 <li>0</li> | |
500 <li>ሀ</li> | |
501 </ol> | |
502 </div> | |
503 | |
504 <div class="test"> | |
505 <h2>tigrinya-er</h2> | |
506 <ol class="tigrinya-er" start="-1"> | |
507 <li>-1</li> | |
508 <li>0</li> | |
509 <li>ሀ</li> | |
510 </ol> | |
511 </div> | |
512 <div class="test"> | |
513 <h2>ethiopic-halehame-ti-er</h2> | 354 <h2>ethiopic-halehame-ti-er</h2> |
514 <ol class="ethiopic-halehame-ti-er" start="-1"> | 355 <ol class="ethiopic-halehame-ti-er" start="-1"> |
515 <li>-1</li> | 356 <li>-1</li> |
516 <li>0</li> | 357 <li>0</li> |
517 <li>ሀ</li> | 358 <li>ሀ</li> |
518 </ol> | 359 </ol> |
519 </div> | 360 </div> |
520 | 361 |
521 <div class="test"> | 362 <div class="test"> |
522 <h2>tigrinya-er-abegede</h2> | |
523 <ol class="tigrinya-er-abegede" start="-1"> | |
524 <li>-1</li> | |
525 <li>0</li> | |
526 <li>አ</li> | |
527 </ol> | |
528 </div> | |
529 <div class="test"> | |
530 <h2>ethiopic-abegede-ti-er</h2> | |
531 <ol class="ethiopic-abegede-ti-er" start="-1"> | |
532 <li>-1</li> | |
533 <li>0</li> | |
534 <li>አ</li> | |
535 </ol> | |
536 </div> | |
537 | |
538 <div class="test"> | |
539 <h2>tigrinya-et</h2> | |
540 <ol class="tigrinya-et" start="-1"> | |
541 <li>-1</li> | |
542 <li>0</li> | |
543 <li>ሀ</li> | |
544 </ol> | |
545 </div> | |
546 <div class="test"> | |
547 <h2>ethiopic-halehame-ti-et</h2> | 363 <h2>ethiopic-halehame-ti-et</h2> |
548 <ol class="ethiopic-halehame-ti-et" start="-1"> | 364 <ol class="ethiopic-halehame-ti-et" start="-1"> |
549 <li>-1</li> | 365 <li>-1</li> |
550 <li>0</li> | 366 <li>0</li> |
551 <li>ሀ</li> | 367 <li>ሀ</li> |
552 </ol> | 368 </ol> |
553 </div> | 369 </div> |
554 | 370 |
555 <div class="test"> | 371 <div class="test"> |
556 <h2>tigrinya-et-abegede</h2> | |
557 <ol class="tigrinya-et-abegede" start="-1"> | |
558 <li>-1</li> | |
559 <li>0</li> | |
560 <li>አ</li> | |
561 </ol> | |
562 </div> | |
563 <div class="test"> | |
564 <h2>ethiopic-abegede-ti-et</h2> | |
565 <ol class="ethiopic-abegede-ti-et" start="-1"> | |
566 <li>-1</li> | |
567 <li>0</li> | |
568 <li>አ</li> | |
569 </ol> | |
570 </div> | |
571 | |
572 <div class="test"> | |
573 <h2>upper-alpha</h2> | 372 <h2>upper-alpha</h2> |
574 <ol class="upper-alpha" start="-1"> | 373 <ol class="upper-alpha" start="-1"> |
575 <li>-1</li> | 374 <li>-1</li> |
576 <li>0</li> | 375 <li>0</li> |
577 <li>A</li> | 376 <li>A</li> |
578 </ol> | 377 </ol> |
579 </div> | 378 </div> |
580 <div class="test"> | 379 <div class="test"> |
581 <h2>upper-latin</h2> | 380 <h2>upper-latin</h2> |
582 <ol class="upper-latin" start="-1"> | 381 <ol class="upper-latin" start="-1"> |
583 <li>-1</li> | 382 <li>-1</li> |
584 <li>0</li> | 383 <li>0</li> |
585 <li>A</li> | 384 <li>A</li> |
586 </ol> | 385 </ol> |
587 </div> | 386 </div> |
588 | |
589 <div class="test"> | |
590 <h2>upper-greek</h2> | |
591 <ol class="upper-greek" start="-1"> | |
592 <li>-1</li> | |
593 <li>0</li> | |
594 <li>Α</li> | |
595 </ol> | |
596 </div> | |
597 | |
598 <div class="test"> | |
599 <h2>upper-norwegian</h2> | |
600 <ol class="upper-norwegian" start="-1"> | |
601 <li>-1</li> | |
602 <li>0</li> | |
603 <li>A</li> | |
604 </ol> | |
605 </div> | |
606 </body> | 387 </body> |
607 </html> | 388 </html> |
OLD | NEW |