CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>CSS3 Counter Styles, predefined styles: Summarized test results</title> <meta name="description" content="Summary of results of CSS3 Counter Styles module tests." /> <script type="text/javascript"> var f = { } // AUTHORS should fill in these assignments: f.directory = 'tests/repo/results'+'/' // the path to this file, not including /International or the file name f.filename = 'predefined-counter-styles' // the file name WITHOUT extensions f.authors = 'Richard Ishida, W3C' // author(s) and affiliations f.previousauthors = '' // as above f.modifiers = '' // people making substantive changes, and their affiliation f.searchString = 'results-predefined-counter-styles' // blog search string - usually the filename without extensions f.firstPubDate = '2015-03-25' // date of the first publication of the document (after review) f.lastSubstUpdate = { date:'2015-03-25', time:'11:35'} // date and time of latest substantive changes to this document f.status = 'notreviewed' // should be one of draft, review, published, notreviewed or obsolete f.path = '../../i18n-drafts/' // what you need to prepend to a URL to get to the /i18n-drafts directory // AUTHORS AND TRANSLATORS should fill in these assignments: f.thisVersion = { date:'2016-05-05', time:'07:50'} // date and time of latest edits to this document/translation f.contributors = '' // people providing useful contributions or feedback during review or at other times // also make sure that the lang attribute on the html tag is correct! f.sources = '' // describes sources of information // TRANSLATORS should fill in these assignments: f.translators = 'xxxNAME, ORG' // translator(s) and their affiliation - a elements allowed, but use double quotes for attributes f.breadcrumb = 'tests' f.additionalLinks = '' </script> <script type="text/javascript" src="predefined-counter-styles-data/translation.js"> </script> <script type="text/javascript" src="../../i18n-drafts/javascript/doc-structure/article-dt.js"> </script> <script type="text/javascript" src="../../i18n-drafts/javascript/boilerplate-text/boilerplate-en.js"></script> <script type="text/javascript" src="../../i18n-drafts/javascript/doc-structure/article.js"> </script> <script type="text/javascript" src="../../i18n-drafts/javascript/articletoc-html5.js"></script> <link rel="stylesheet" href="../../i18n-drafts/style/article-2016.css" type="text/css" /> <link rel="copyright" href="#copyright"/>  <link rel="stylesheet" href="results.css" type="text/css" /> <script src="../batches/predefined-counter-styles-data.js"></script> <script src="../batches/predefined-counter-styles.json"></script> <script src="results-functions-k.js"></script> </head> <body> <header> <nav id="mainNavigation"></nav><script>document.getElementById('mainNavigation').innerHTML = mainNavigation</script> <h1>Summarized test results: <br> CSS3 Counter Styles, predefined styles</h1> </header> <section> <div id="audience"> <p><span id="intendedAudience" class="leadin">Intended audience:</span> users, HTML coders, script developers, CSS coders, Web project managers, and anyone who wants to know whether user agents correctly apply predefined counter styles to list-style-type.</p> <div id="updateInfo"></div><script>document.getElementById('updateInfo').innerHTML = g.updated</script> </div> <section> <p>These tests check whether user agents natively support predefined counter styles in the CSS3 Counter Styles specification. To do so, the tests use <code class="kw">list-style-type</code> without any counter-style declarations.</p> <p>To see the test, click on the link in the left-most column. To see detailed results for a single test, click on a row and look just above the table. The detailed results show the date(s) the test result was recorded, and the version of the browser tested. </p> <p>Any dependencies are shown in notes above the table, and notes below the table will usually provide any additional useful information, including an explanation of why a result was marked as 'partially successful'.</p> <p><strong>Key:</strong></p> <table class="results" style="margin-right: 32%;"> <tbody> <tr> <td class="pass" style="min-width:8em; padding: .5em">pass</td> <td class="fail" style="min-width:8em; padding: .5em">fail</td> <td class="partial" style="min-width:8em; padding: .5em">partially successful</td> </tr> </tbody> </table> </section> </section> <section> <h2 id="results"><a href="#results">Results</a></h2> <p>Note that these test results are for released versions of the browsers tested. Versions that are still in development may provide better support for these features. The tests do not use any vendor prefixes. Tests that do show support for vendor prefixes are listed further down this page.</p> <p>You will need local fonts for the scripts in these tests.</p>  <br style="clear:both;"/>  <section> <h3 id="simplenumeric"><a href="#simplenumeric">Simple numeric</a></h3> <div id="simplenumeric-data"></div> </section> <section> <h3 id="simplealphabetic"><a href="#simplealphabetic">Simple alphabetic</a></h3> <div id="simplealphabetic-data"></div> <section class="notes"> <p class="notesheader">Notes</p> <ol> <li><strong>css3-counter-styles-016</strong>, Chrome 41.0, Opera 27.0: directionality issues and possibly one character substitution. </li> </ol> </section> </section> <section> <h3 id="simplefixed"><a href="#simplefixed">Simple fixed</a></h3> <div id="simplefixed-data"></div> </section> <section> <h3 id="complexlimited"><a href="#complexlimited">Limited range Asian</a></h3> <section> <h4 id="japanese"><a href="#japanese">Japanese</a></h4> <div id="japanese-data"></div> </section> <section> <h4 id="korean"><a href="#korean">Korean</a></h4> <div id="korean-data"></div> </section> <section> <h4 id="chinese"><a href="#chinese">Chinese</a></h4> <div id="chinese-data"></div> </section> </section> <section> <h3 id="outsiderange"><a href="#outsiderange">CJK outside range</a> (exploratory tests)</h3> <p>The specification says: "Because opinions differ on how best to represent numbers 10k or greater using the longhand CJK styles, all of the counter styles defined in this section are defined to have a range of -9999 to 9999, but implementations may support a larger range. Outside the implementation-supported range, the fallback is cjk-decimal."</p> <p>These exploratory tests look to see whether the browser applies the fallback encoding after 9999 or not. The pass and fail relates solely to the assertion – it does not indicate a correct or incorrect outcome. A pass (green) indicates that the browser tries to represent numbers after 9999 without resorting to the fallback. A partial pass (orange) indicates that the fallback was used. The tests can only pass if 9999 is supported as per the spec.</p> <div id="outsiderange-data"></div> <section class="notes"> <p class="notesheader">Notes</p> <ol> <li>Chrome 41.0, Safari 8.0.4, Opera 27.0, IE11: all tests failed because 9999 is not correctly rendered. </li> </ol> </section> </section> <section> <h3 id="ethiopic"><a href="#ethiopic">Ethiopic</a></h3> <div id="ethiopic-data"></div> </section> </section>  <script> // DRAW THE TABLES drawResults( 'simplenumeric', // sectionid 'css-counter-styles/i18n', // base 'predefined-counter-styles', // batch [ 'css3-counter-styles-101.html', 'css3-counter-styles-102.html', 'css3-counter-styles-103.html', 'css3-counter-styles-006.html', 'css3-counter-styles-007.html', 'css3-counter-styles-008.html', 'css3-counter-styles-009.html', 'css3-counter-styles-107.html', 'css3-counter-styles-108.html', 'css3-counter-styles-109.html', 'css3-counter-styles-110.html', 'css3-counter-styles-111.html', 'css3-counter-styles-112.html', 'css3-counter-styles-114.html', 'css3-counter-styles-115.html', 'css3-counter-styles-116.html', 'css3-counter-styles-117.html', 'css3-counter-styles-118.html', 'css3-counter-styles-158.html', 'css3-counter-styles-159.html', 'css3-counter-styles-160.html', 'css3-counter-styles-161.html', 'css3-counter-styles-162.html', 'css3-counter-styles-163.html', 'css3-counter-styles-001.html', 'css3-counter-styles-004.html', 'css3-counter-styles-005.html', 'css3-counter-styles-119.html', 'css3-counter-styles-120.html', 'css3-counter-styles-121.html', 'css3-counter-styles-010.html', 'css3-counter-styles-011.html', 'css3-counter-styles-012.html', 'css3-counter-styles-014.html', 'css3-counter-styles-122.html', 'css3-counter-styles-123.html', 'css3-counter-styles-124.html', 'css3-counter-styles-125.html', 'css3-counter-styles-126.html', 'css3-counter-styles-127.html', 'css3-counter-styles-015.html', 'css3-counter-styles-016.html', 'css3-counter-styles-016a.html', 'css3-counter-styles-017.html', 'css3-counter-styles-128.html', 'css3-counter-styles-129.html', 'css3-counter-styles-130.html', 'css3-counter-styles-131.html', 'css3-counter-styles-132.html', 'css3-counter-styles-133.html', 'css3-counter-styles-134.html', 'css3-counter-styles-135.html', 'css3-counter-styles-136.html', 'css3-counter-styles-137.html', 'css3-counter-styles-138.html', 'css3-counter-styles-139.html', 'css3-counter-styles-140.html', 'css3-counter-styles-141.html', 'css3-counter-styles-142.html', 'css3-counter-styles-143.html', 'css3-counter-styles-144.html', 'css3-counter-styles-145.html', 'css3-counter-styles-104.html', 'css3-counter-styles-105.html', 'css3-counter-styles-106.html', 'css3-counter-styles-146.html', 'css3-counter-styles-147.html', 'css3-counter-styles-148.html', 'css3-counter-styles-149.html', 'css3-counter-styles-150.html', 'css3-counter-styles-151.html', 'css3-counter-styles-152.html', 'css3-counter-styles-153.html', 'css3-counter-styles-154.html', 'css3-counter-styles-155.html', 'css3-counter-styles-156.html', 'css3-counter-styles-157.html', 'css3-counter-styles-019.html', 'css3-counter-styles-020.html', 'css3-counter-styles-021.html', 'css3-counter-styles-022.html', 'css3-counter-styles-023.html', 'css3-counter-styles-024.html', 'css3-counter-styles-025.html', 'css3-counter-styles-026.html', ] ) drawResults( 'simplealphabetic', // sectionid 'css-counter-styles/i18n', // base 'predefined-counter-styles', // batch [ 'css3-counter-styles-027.html', 'css3-counter-styles-028.html', 'css3-counter-styles-029.html', 'css3-counter-styles-030.html', 'css3-counter-styles-031.html', 'css3-counter-styles-032.html', 'css3-counter-styles-033.html', 'css3-counter-styles-034.html', 'css3-counter-styles-035.html', 'css3-counter-styles-036.html', 'css3-counter-styles-037.html', 'css3-counter-styles-038.html', 'css3-counter-styles-039.html', 'css3-counter-styles-040.html', 'css3-counter-styles-041.html', ] ) drawResults( 'simplefixed', // sectionid 'css-counter-styles/i18n', // base 'predefined-counter-styles', // batch [ 'css3-counter-styles-201.html', 'css3-counter-styles-202.html', 'css3-counter-styles-203.html', 'css3-counter-styles-204.html', 'css3-counter-styles-205.html', 'css3-counter-styles-206.html', ] ) drawResults( 'japanese', // sectionid 'css-counter-styles/i18n', // base 'predefined-counter-styles', // batch [ 'css3-counter-styles-042.html', 'css3-counter-styles-043.html', 'css3-counter-styles-045.html', 'css3-counter-styles-046.html', 'css3-counter-styles-047.html', 'css3-counter-styles-048.html', 'css3-counter-styles-050.html', 'css3-counter-styles-051.html', ] ) drawResults( 'korean', // sectionid 'css-counter-styles/i18n', // base 'predefined-counter-styles', // batch [ 'css3-counter-styles-052.html', 'css3-counter-styles-053.html', 'css3-counter-styles-055.html', 'css3-counter-styles-056.html', 'css3-counter-styles-057.html', 'css3-counter-styles-058.html', 'css3-counter-styles-060.html', 'css3-counter-styles-061.html', 'css3-counter-styles-062.html', 'css3-counter-styles-063.html', 'css3-counter-styles-065.html', 'css3-counter-styles-066.html', ] ) drawResults( 'chinese', // sectionid 'css-counter-styles/i18n', // base 'predefined-counter-styles', // batch [ 'css3-counter-styles-071.html', 'css3-counter-styles-072.html', 'css3-counter-styles-074.html', 'css3-counter-styles-075.html', 'css3-counter-styles-076.html', 'css3-counter-styles-077.html', 'css3-counter-styles-079.html', 'css3-counter-styles-080.html', 'css3-counter-styles-081.html', 'css3-counter-styles-082.html', 'css3-counter-styles-084.html', 'css3-counter-styles-085.html', 'css3-counter-styles-086.html', 'css3-counter-styles-087.html', 'css3-counter-styles-089.html', 'css3-counter-styles-090.html', ] ) drawResults( 'outsiderange', // sectionid 'css-counter-styles/i18n', // base 'predefined-counter-styles', // batch [ 'css3-counter-styles-044.html', 'css3-counter-styles-049.html', 'css3-counter-styles-054.html', 'css3-counter-styles-059.html', 'css3-counter-styles-064.html', 'css3-counter-styles-073.html', 'css3-counter-styles-078.html', 'css3-counter-styles-083.html', 'css3-counter-styles-088.html', ] ) drawResults( 'ethiopic', // sectionid 'css-counter-styles/i18n', // base 'predefined-counter-styles', // batch [ 'css3-counter-styles-068.html', 'css3-counter-styles-069.html', 'css3-counter-styles-070.html', ] ) </script> <section> <h2 id="endlinks"><a href="#endlinks">Links</a></h2> <aside class="section" id="survey"> </aside><script>document.getElementById('survey').innerHTML = g.survey</script> <ul id="full-links"> <li> <p><a href="https://www.w3.org/TR/css-counter-styles-3/">CSS Counter Styles Level 3</a> (CR copy)</p> </li> <li> <p><a href="/International/tests/">i18n test suite home</a></p> </li> </ul> </section> <footer id="thefooter"></footer><script type="text/javascript">document.getElementById('thefooter').innerHTML = g.bottomOfPage</script> <script type="text/javascript">completePage()</script> <script type="text/javascript"> generateStuffInPage(); </script> </body> </html>