| OLD | NEW |
| (Empty) |
| 1 <html> | |
| 2 <head> | |
| 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |
| 4 <style> | |
| 5 .test ol { padding-left: 300px; } | |
| 6 | |
| 7 /* | |
| 8 The following styles are ordered as they appear in section 4.5. of the | |
| 9 Draft 7 November 2002 draft of the CSS3 Lists module <http://www.w3.org/
TR/css3-lists/#symbolic>. | |
| 10 */ | |
| 11 | |
| 12 ol.asterisks { list-style-type: asterisks; } | |
| 13 | |
| 14 ol.footnotes { list-style-type: footnotes; } | |
| 15 </style> | |
| 16 <script src="resources/dump-list.js"></script> | |
| 17 <script> | |
| 18 function runTest() | |
| 19 { | |
| 20 if (!window.testRunner) | |
| 21 return; | |
| 22 | |
| 23 testRunner.dumpAsText(); | |
| 24 filterListsWithReplacement(document.querySelectorAll(".test ol"), te
stListItemMarkerEqualsListItemText); | |
| 25 document.body.removeChild(document.getElementById("description")); /
/ Remove description when running in DRT. | |
| 26 } | |
| 27 window.onload = runTest; | |
| 28 </script> | |
| 29 </head> | |
| 30 <body> | |
| 31 <h1>CSS3 Symbolic list-style-type</h1> | |
| 32 <p id="description">This tests that all of the symbolic CSS3 list-style-type
s are supported as per <a href="http://www.w3.org/TR/css3-lists/#symbolic">secti
on 4.5 of the spec. CSS3 Lists module</a> (Draft 7 November 2002). This test PAS
SED if the list item matches its bullet for every list item (below). For example
, for the asterisks symbolic system the second <li> (which corresponds to
2 in the standard ordering of the positive integers) should be rendered as: �
02A;* **</p> | |
| 33 <div class="test"> | |
| 34 <h2>asterisks</h2> | |
| 35 <ol class="asterisks"> | |
| 36 <li>*</li> | |
| 37 <li>**</li> | |
| 38 <li>***</li> | |
| 39 <li>****</li> | |
| 40 <li>*****</li> | |
| 41 <li>******</li> | |
| 42 <li>*******</li> | |
| 43 <li>********
</li> | |
| 44 <li>********
*</li> | |
| 45 <li>********
**</li> | |
| 46 </ol> | |
| 47 <ol class="asterisks" start="0"> | |
| 48 <li>0</li> | |
| 49 </ol> | |
| 50 <ol class="asterisks" start="-2"> | |
| 51 <li>-2</li> | |
| 52 <li>-1</li> | |
| 53 </ol> | |
| 54 </div> | |
| 55 | |
| 56 <div class="test"> | |
| 57 <h2>footnotes</h2> | |
| 58 <ol class="footnotes"> | |
| 59 <li>*</li> | |
| 60 <li>⁑</li> | |
| 61 <li>†</li> | |
| 62 <li>‡</li> | |
| 63 <li>**</li> | |
| 64 <li>⁑⁑</li> | |
| 65 <li>††</li> | |
| 66 <li>‡‡</li> | |
| 67 <li>***</li> | |
| 68 <li>⁑⁑⁑</li> | |
| 69 <li>†††</li> | |
| 70 <li>‡‡‡</li> | |
| 71 <li>****</li> | |
| 72 <li>⁑⁑⁑⁑</li> | |
| 73 </ol> | |
| 74 <ol class="footnotes" start="0"> | |
| 75 <li>0</li> | |
| 76 </ol> | |
| 77 <ol class="footnotes" start="-2"> | |
| 78 <li>-2</li> | |
| 79 <li>-1</li> | |
| 80 </ol> | |
| 81 </div> | |
| 82 </body> | |
| 83 </html> | |
| OLD | NEW |