| 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 |