3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 .test ol { padding-left: 300px; }
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>.
12 ol.asterisks { list-style-type: asterisks; }
14 ol.footnotes { list-style-type: footnotes; }
16 <script src="resources/dump-list.js"></script>
20 if (!window.layoutTestController)
23 layoutTestController.dumpAsText();
24 filterListsWithReplacement(document.querySelectorAll(".test ol"), testListItemMarkerEqualsListItemText);
25 document.body.removeChild(document.getElementById("description")); // Remove description when running in DRT.
27 window.onload = runTest;
31 <h1>CSS3 Symbolic list-style-type</h1>
32 <p id="description">This tests that all of the symbolic CSS3 list-style-types are supported as per <a href="http://www.w3.org/TR/css3-lists/#symbolic">section 4.5 of the spec. CSS3 Lists module</a> (Draft 7 November 2002). This test PASSED 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: ** **</p>
35 <ol class="asterisks">
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>
47 <ol class="asterisks" start="0">
50 <ol class="asterisks" start="-2">
58 <ol class="footnotes">
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>
74 <ol class="footnotes" start="0">
77 <ol class="footnotes" start="-2">