Thu, 30 May 2013 13:19:44 -0700
[css-counter-styles] Rename 'width' to 'fill'. Make a few tweaks to quoting characters.
css-counter-styles/Overview.html | file | annotate | diff | comparison | revisions | |
css-counter-styles/Overview.src.html | file | annotate | diff | comparison | revisions |
1.1 --- a/css-counter-styles/Overview.html Thu May 30 21:49:38 2013 +0200 1.2 +++ b/css-counter-styles/Overview.html Thu May 30 13:19:44 2013 -0700 1.3 @@ -1,10 +1,10 @@ 1.4 -<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 1.5 +<!DOCTYPE html> 1.6 <html lang="en"><head> 1.7 <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> 1.8 <title>CSS Counter Styles Level 3</title> 1.9 <link href="../default.css" type="text/css" rel="stylesheet"> 1.10 <link href="../csslogo.ico" type="image/x-icon" rel="shortcut icon"> 1.11 - <link href="https://www.w3.org/StyleSheets/TR/W3C-ED.css" type="text/css" rel="stylesheet"> 1.12 + <link href="https://www.w3.org/StyleSheets/TR/W3C-ED" type="text/css" rel="stylesheet"> 1.13 </head> 1.14 <body class="h-entry"> 1.15 <div class="head"> 1.16 @@ -13,7 +13,7 @@ 1.17 </a></p> 1.18 <h1 class="p-name no-ref" id="title">CSS Counter Styles Level 3</h1> 1.19 <h2 class="no-num no-toc no-ref" id="subtitle">Editor's Draft, 1.20 - <span class="dt-updated"><span class="value-title" title="20130409">9 April 2013</span></span></h2> 1.21 + <span class="dt-updated"><span class="value-title" title="20130530">30 May 2013</span></span></h2> 1.22 <div data-fill-with="spec-metadata"><dl><dt>This version:</dt><dd><a href="http://dev.w3.org/csswg/css-counter-styles/" class="u-url">http://dev.w3.org/csswg/css-counter-styles/</a></dd><dt>Latest version:</dt><dd><a href="http://w3.org/TR/css-counter-styles-3/">http://w3.org/TR/css-counter-styles-3/</a></dd><dt>Editor's Draft:</dt><dd><a href="http://dev.w3.org/csswg/css-counter-styles/">http://dev.w3.org/csswg/css-counter-styles/</a></dd><dt>Previous Versions:</dt><dd><a href="http://www.w3.org/TR/2012/WD-css-counter-styles-3-20121009/" rel="previous">http://www.w3.org/TR/2012/WD-css-counter-styles-3-20121009/</a> 1.23 </dd><dt>Feedback:</dt> 1.24 <dd><a href="mailto:www-style@w3.org?subject=%5Bcss-counter-styles%5D%20feedback">www-style@w3.org</a> 1.25 @@ -22,84 +22,79 @@ 1.26 (<a href="http://lists.w3.org/Archives/Public/www-style/" rel="discussion">archives</a>)</dd><dt>Editors: 1.27 </dt><dd class="p-author h-card vcard"><a href="http://xanthir.com/contact/" class="p-name fn u-url url">Tab Atkins Jr.</a> (<span class="p-org org">Google</span>)</dd><dt>Issue Tracking:</dt><dd><a href="https://www.w3.org/Bugs/Public/buglist.cgi?product=CSS&component=Counter%20Styles&resolution=---">Bugzilla</a></dd></dl></div> 1.28 <div data-fill-with="warning"></div> 1.29 - <p data-fill-with="copyright" class="copyright"><span><a href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright" rel="license">Copyright</a> © 2013 <a href="http://www.w3.org/"><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a href="http://www.csail.mit.edu/"><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>, <a href="http://www.ercim.eu/"><abbr title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>, 1.30 - <a href="http://www.keio.ac.jp/">Keio</a>, <a href="http://ev.buaa.edu.cn/">Beihang</a>), All Rights Reserved. W3C <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, 1.31 - <a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> 1.32 - and <a href="http://www.w3.org/Consortium/Legal/copyright-documents">document 1.33 - use</a> rules apply.</span></p> 1.34 + <p data-fill-with="copyright" class="copyright"><a href="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright">Copyright</a> © 2013 <a href="http://www.w3.org/"><abbr title="World Wide Web Consortium">W3C</abbr></a><sup>®</sup> (<a href="http://www.csail.mit.edu/"><abbr title="Massachusetts Institute of Technology">MIT</abbr></a>, <a href="http://www.ercim.eu/"><abbr title="European Research Consortium for Informatics and Mathematics">ERCIM</abbr></a>, <a href="http://www.keio.ac.jp/">Keio</a>, <a href="http://ev.buaa.edu.cn/">Beihang</a>), All Rights Reserved. W3C <a href="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer">liability</a>, <a href="http://www.w3.org/Consortium/Legal/ipr-notice#W3C_Trademarks">trademark</a> and <a href="http://www.w3.org/Consortium/Legal/copyright-documents">document use</a> rules apply.</p> 1.35 <hr title="Separator for header"> 1.36 </div> 1.37 1.38 <h2 id="abstract" class="no-num no-toc no-ref">Abstract</h2> 1.39 -<p data-fill-with="abstract" class="p-summary"><span> 1.40 - This module introduces the ‘@counter-style’ rule, which allows authors to define their own custom counter styles for use with CSS list-marker and generated-content counters <a data-autolink="biblio" U00022="" data-biblio-type="informative" title="CSS3LIST" href="#css3list">[CSS3LIST]</a>. It also predefines a set of common counter styles, including the ones present in CSS2 and CSS2.1. 1.41 - <a href="http://www.w3.org/TR/CSS/">CSS</a> is a language for describing the rendering of structured documents (such as HTML and XML) on screen, on paper, in speech, etc. 1.42 -</span></p> 1.43 +<p data-fill-with="abstract" class="p-summary">This module introduces the ‘@counter-style’ rule, which allows authors to define their own custom counter styles for use with CSS list-marker and generated-content counters <a data-autolink="biblio" data-biblio-type="informative" title="CSS3LIST" href="#css3list">[CSS3LIST]</a>. It also predefines a set of common counter styles, including the ones present in CSS2 and CSS2.1. 1.44 +<a href="http://www.w3.org/TR/CSS/">CSS</a> is a language for describing the rendering of structured documents 1.45 +(such as HTML and XML) 1.46 +on screen, on paper, in speech, etc.</p> 1.47 1.48 <h2 id="status" class="no-num no-toc no-ref">Status of this document</h2> 1.49 -<div data-fill-with="status"><div> 1.50 - <p>This is a public copy of the editors' draft. It is provided for 1.51 - discussion only and may change at any moment. Its publication here does 1.52 - not imply endorsement of its contents by W3C. Don't cite this document 1.53 - other than as work in progress. 1.54 - 1.55 - </p><p>The (<a href="http://lists.w3.org/Archives/Public/www-style/">archived</a>) 1.56 - public mailing list 1.57 - <a href="mailto:www-style@w3.org?Subject=%5Bcss-counter-styles%5D%20PUT%20SUBJECT%20HERE">www-style@w3.org</a> 1.58 - (see <a href="http://www.w3.org/Mail/Request">instructions</a>) 1.59 - is preferred for discussion of this specification. 1.60 - When sending e-mail, please put the text 1.61 - “css-counter-styles” in the subject, preferably like this: 1.62 - “[<!---->css-counter-styles<!---->] <em>…summary of comment…</em>” 1.63 - 1.64 - </p><p>This document was produced by the <a href="/Style/CSS/members">CSS 1.65 - Working Group</a> (part of the <a href="/Style/">Style Activity</a>). 1.66 - 1.67 - </p><p>This document was produced by a group operating under the 1.68 - <a href="/Consortium/Patent-Policy-20040205/">5 February 2004 W3C Patent Policy</a>. 1.69 - W3C maintains a 1.70 - <a href="/2004/01/pp-impl/32061/status" rel="disclosure">public list of any patent disclosures</a> 1.71 - made in connection with the deliverables of the group; that page also includes 1.72 - instructions for disclosing a patent. An individual who has actual 1.73 - knowledge of a patent which the individual believes contains 1.74 - <a href="/Consortium/Patent-Policy-20040205/#def-essential">Essential Claim(s)</a> 1.75 - must disclose the information in accordance with 1.76 - <a href="/Consortium/Patent-Policy-20040205/#sec-Disclosure">section 6 of the W3C Patent Policy</a>.</p> 1.77 -</div></div> 1.78 -<div data-fill-with="at-risk"><div><p>The following features are at-risk, and may be dropped during the CR period: 1.79 -</p><ul><li>the counter styles <a data-autolink="maybe" class="css" href="#cjk-decimal">cjk-decimal</a>, <a data-autolink="maybe" class="css" href="#hebrew">hebrew</a>, <a data-autolink="maybe" class="css" href="#hiragana">hiragana</a>, <a data-autolink="maybe" class="css" href="#hiragana-iroha">hiragana-iroha</a>, <a data-autolink="maybe" class="css" href="#katakana">katakana</a>, <a data-autolink="maybe" class="css" href="#katakana-iroha">katakana-iroha</a>, <a data-autolink="maybe" class="css" href="#japanese-informal">japanese-informal</a>, <a data-autolink="maybe" class="css" href="#japanese-formal">japanese-formal</a>, <a data-autolink="maybe" class="css" href="#korean-hangul-formal">korean-hangul-formal</a>, <a data-autolink="maybe" class="css" href="#korean-hanja-informal">korean-hanja-informal</a>, <a data-autolink="maybe" class="css" href="#korean-hanja-formal">korean-hanja-formal</a>, <a data-autolink="maybe" class="css" href="#simp-chinese-informal">simp-chinese-informal</a>, <a data-autolink="maybe" class="css" href="#simp-chinese-formal">simp-chinese-formal</a>, <a data-autolink="maybe" class="css" href="#trad-chinese-informal">trad-chinese-informal</a>, <a data-autolink="maybe" class="css" href="#trad-chinese-formal">trad-chinese-formal</a>, and <a data-autolink="maybe" class="css" href="#ethiopic-numeric">ethiopic-numeric</a>.</li></ul></div></div> 1.80 +<div data-fill-with="status"><p> 1.81 + This is a public copy of the editors' draft. 1.82 + It is provided for discussion only and may change at any moment. 1.83 + Its publication here does not imply endorsement of its contents by W3C. 1.84 + Don't cite this document other than as work in progress. 1.85 + 1.86 +</p><p> 1.87 + The (<a href="http://lists.w3.org/Archives/Public/www-style/">archived</a>) public mailing list 1.88 + <a href="mailto:www-style@w3.org?Subject=%5Bcss-counter-styles%5D%20PUT%20SUBJECT%20HERE">www-style@w3.org</a> 1.89 + (see <a href="http://www.w3.org/Mail/Request">instructions</a>) 1.90 + is preferred for discussion of this specification. 1.91 + When sending e-mail, 1.92 + please put the text “css-counter-styles” in the subject, 1.93 + preferably like this: 1.94 + “[css-counter-styles] <em>…summary of comment…</em>” 1.95 + 1.96 +</p><p> 1.97 + This document was produced by the <a href="/Style/CSS/members">CSS Working Group</a> 1.98 + (part of the <a href="/Style/">Style Activity</a>). 1.99 + 1.100 +</p><p> 1.101 + This document was produced by a group operating under 1.102 + the <a href="/Consortium/Patent-Policy-20040205/">5 February 2004 W3C Patent Policy</a>. 1.103 + W3C maintains a <a href="/2004/01/pp-impl/32061/status" rel="disclosure">public list of any patent disclosures</a> 1.104 + made in connection with the deliverables of the group; 1.105 + that page also includes instructions for disclosing a patent. 1.106 + An individual who has actual knowledge of a patent which the individual believes contains <a href="/Consortium/Patent-Policy-20040205/#def-essential">Essential Claim(s)</a> 1.107 + must disclose the information in accordance with <a href="/Consortium/Patent-Policy-20040205/#sec-Disclosure">section 6 of the W3C Patent Policy</a>.</p></div> 1.108 +<div data-fill-with="at-risk"><p>The following features are at-risk, and may be dropped during the CR period: 1.109 +</p><ul><li>the counter styles <a data-autolink="maybe" class="css" href="#cjk-decimal">cjk-decimal</a>, <a data-autolink="maybe" class="css" href="#hebrew">hebrew</a>, <a data-autolink="maybe" class="css" href="#hiragana">hiragana</a>, <a data-autolink="maybe" class="css" href="#hiragana-iroha">hiragana-iroha</a>, <a data-autolink="maybe" class="css" href="#katakana">katakana</a>, <a data-autolink="maybe" class="css" href="#katakana-iroha">katakana-iroha</a>, <a data-autolink="maybe" class="css" href="#japanese-informal">japanese-informal</a>, <a data-autolink="maybe" class="css" href="#japanese-formal">japanese-formal</a>, <a data-autolink="maybe" class="css" href="#korean-hangul-formal">korean-hangul-formal</a>, <a data-autolink="maybe" class="css" href="#korean-hanja-informal">korean-hanja-informal</a>, <a data-autolink="maybe" class="css" href="#korean-hanja-formal">korean-hanja-formal</a>, <a data-autolink="maybe" class="css" href="#simp-chinese-informal">simp-chinese-informal</a>, <a data-autolink="maybe" class="css" href="#simp-chinese-formal">simp-chinese-formal</a>, <a data-autolink="maybe" class="css" href="#trad-chinese-informal">trad-chinese-informal</a>, <a data-autolink="maybe" class="css" href="#trad-chinese-formal">trad-chinese-formal</a>, and <a data-autolink="maybe" class="css" href="#ethiopic-numeric">ethiopic-numeric</a>.</li></ul></div> 1.110 1.111 <h2 id="contents" class="no-num no-toc no-ref">Table of contents</h2> 1.112 <div data-fill-with="table-of-contents"><ul class="toc"><li><a href="#intro"><span class="secno">1 </span> 1.113 Introduction</a></li><li><a href="#counter-styles"><span class="secno">2 </span> 1.114 Counter Styles</a></li><li><a href="#the-counter-style-rule"><span class="secno">3 </span> 1.115 -Defining Custom Counter Styles: the <span data-autolink="maybe" class="css">@counter-style</span> rule</a><ul class="toc"><li><a href="#counter-style-system"><span class="secno">3.1 </span> 1.116 -Counter algorithms: the <span data-autolink="property" class="property" title="system">system</span> descriptor</a><ul class="toc"><li><a href="#cyclic-system"><span class="secno">3.1.1 </span> 1.117 -Cycling Symbols: the <span data-autolink="maybe" class="css">cyclic</span> system</a></li><li><a href="#fixed-system"><span class="secno">3.1.2 </span> 1.118 -Exhaustible Symbols: the <span data-autolink="maybe" class="css">fixed</span> system</a></li><li><a href="#symbolic-system"><span class="secno">3.1.3 </span> 1.119 -Repeating Symbols: the <span data-autolink="maybe" class="css">symbolic</span> system</a></li><li><a href="#alphabetic-system"><span class="secno">3.1.4 </span> 1.120 -Bijective Numerals: the <span data-autolink="maybe" class="css">alphabetic</span> system</a></li><li><a href="#numeric-system"><span class="secno">3.1.5 </span> 1.121 -Positional Numerals: the <span data-autolink="maybe" class="css">numeric</span> system</a></li><li><a href="#additive-system"><span class="secno">3.1.6 </span> 1.122 -Accumulating Numerals: the <span data-autolink="maybe" class="css">additive</span> system</a></li><li><a href="#override-system"><span class="secno">3.1.7 </span> 1.123 -Tweaking Existing Counter Styles: the <span data-autolink="maybe" class="css">override</span> system</a></li></ul></li><li><a href="#counter-style-negative"><span class="secno">3.2 </span> 1.124 -Formatting negative values: the <span data-autolink="property" class="property" title="negative">negative</span> descriptor</a></li><li><a href="#counter-style-prefix"><span class="secno">3.3 </span> 1.125 -Symbols before the marker: the <span data-autolink="property" class="property" title="prefix">prefix</span> descriptor</a></li><li><a href="#counter-style-suffix"><span class="secno">3.4 </span> 1.126 -Symbols after the marker: the <span data-autolink="property" class="property" title="suffix">suffix</span> descriptor</a></li><li><a href="#counter-style-range"><span class="secno">3.5 </span> 1.127 -Limiting the counter scope: the <span data-autolink="property" class="property" title="range">range</span> descriptor</a></li><li><a href="#counter-style-width"><span class="secno">3.6 </span> 1.128 -Zero-Padding and Constant-Width Representations: the <span data-autolink="property" class="property" title="width">width</span> descriptor</a></li><li><a href="#counter-style-fallback"><span class="secno">3.7 </span> 1.129 -Defining fallback: the <span data-autolink="property" class="property" title="fallback">fallback</span> descriptor</a></li><li><a href="#counter-style-symbols"><span class="secno">3.8 </span> 1.130 -Marker characters: the <span data-autolink="property" class="property" title="symbols">symbols</span> and <span data-autolink="property" class="property" title="additive-symbols">additive-symbols</span> descriptors</a></li><li><a href="#counter-style-speak-as"><span class="secno">3.9 </span> 1.131 -Speech Synthesis: the <span data-autolink="property" class="property" title="speak-as">speak-as</span> descriptor</a></li></ul></li><li><a href="#symbols-function"><span class="secno">4 </span> 1.132 +Defining Custom Counter Styles: the <span data-autolink="maybe" href="#at-counter-style" class="css">@counter-style</span> rule</a><ul class="toc"><li><a href="#counter-style-system"><span class="secno">3.1 </span> 1.133 +Counter algorithms: the <span data-autolink="property" href="#system" class="property" title="system">system</span> descriptor</a><ul class="toc"><li><a href="#cyclic-system"><span class="secno">3.1.1 </span> 1.134 +Cycling Symbols: the <span data-autolink="maybe" href="#cyclic" class="css">cyclic</span> system</a></li><li><a href="#fixed-system"><span class="secno">3.1.2 </span> 1.135 +Exhaustible Symbols: the <span data-autolink="maybe" href="#fixed" class="css">fixed</span> system</a></li><li><a href="#symbolic-system"><span class="secno">3.1.3 </span> 1.136 +Repeating Symbols: the <span data-autolink="maybe" href="#symbolic" class="css">symbolic</span> system</a></li><li><a href="#alphabetic-system"><span class="secno">3.1.4 </span> 1.137 +Bijective Numerals: the <span data-autolink="maybe" href="#alphabetic" class="css">alphabetic</span> system</a></li><li><a href="#numeric-system"><span class="secno">3.1.5 </span> 1.138 +Positional Numerals: the <span data-autolink="maybe" href="#numeric" class="css">numeric</span> system</a></li><li><a href="#additive-system"><span class="secno">3.1.6 </span> 1.139 +Accumulating Numerals: the <span data-autolink="maybe" href="#additive" class="css">additive</span> system</a></li><li><a href="#override-system"><span class="secno">3.1.7 </span> 1.140 +Tweaking Existing Counter Styles: the <span data-autolink="maybe" href="#override" class="css">override</span> system</a></li></ul></li><li><a href="#counter-style-negative"><span class="secno">3.2 </span> 1.141 +Formatting negative values: the <span data-autolink="property" href="#negative" class="property" title="negative">negative</span> descriptor</a></li><li><a href="#counter-style-prefix"><span class="secno">3.3 </span> 1.142 +Symbols before the marker: the <span data-autolink="property" href="#prefix" class="property" title="prefix">prefix</span> descriptor</a></li><li><a href="#counter-style-suffix"><span class="secno">3.4 </span> 1.143 +Symbols after the marker: the <span data-autolink="property" href="#suffix" class="property" title="suffix">suffix</span> descriptor</a></li><li><a href="#counter-style-range"><span class="secno">3.5 </span> 1.144 +Limiting the counter scope: the <span data-autolink="property" href="#range" class="property" title="range">range</span> descriptor</a></li><li><a href="#counter-style-fill"><span class="secno">3.6 </span> 1.145 +Zero-Padding and Constant-Width Representations: the <span data-autolink="property" href="#fill" class="property" title="fill">fill</span> descriptor</a></li><li><a href="#counter-style-fallback"><span class="secno">3.7 </span> 1.146 +Defining fallback: the <span data-autolink="property" href="#fallback" class="property" title="fallback">fallback</span> descriptor</a></li><li><a href="#counter-style-symbols"><span class="secno">3.8 </span> 1.147 +Marker characters: the <span data-autolink="property" href="#symbols" class="property" title="symbols">symbols</span> and <span data-autolink="property" href="#additive-symbols" class="property" title="additive-symbols">additive-symbols</span> descriptors</a></li><li><a href="#counter-style-speak-as"><span class="secno">3.9 </span> 1.148 +Speech Synthesis: the <span data-autolink="property" href="#speak-as" class="property" title="speak-as">speak-as</span> descriptor</a></li></ul></li><li><a href="#symbols-function"><span class="secno">4 </span> 1.149 Defining Anonymous Counter Styles: the <span data-autolink="maybe" class="css">symbols()</span> function</a></li><li><a href="#predefined-counters"><span class="secno">5 </span> 1.150 Simple Predefined Counter Styles</a><ul class="toc"><li><a href="#simple-numeric"><span class="secno">5.1 </span> 1.151 -Numeric: <span data-autolink="maybe" class="css">decimal</span>, <span data-autolink="maybe" class="css">decimal-leading-zero</span>, <span data-autolink="maybe" class="css">cjk-decimal</span>, <span data-autolink="maybe" class="css">lower-roman</span>, <span data-autolink="maybe" class="css">upper-roman</span>, <span data-autolink="maybe" class="css">armenian</span>, <span data-autolink="maybe" class="css">georgian</span>, <span data-autolink="maybe" class="css">hebrew</span></a></li><li><a href="#simple-alphabetic"><span class="secno">5.2 </span> 1.152 -Alphabetic: <span data-autolink="maybe" class="css">lower-alpha</span>, <span data-autolink="maybe" class="css">lower-latin</span>, <span data-autolink="maybe" class="css">upper-alpha</span>, <span data-autolink="maybe" class="css">upper-latin</span>, <span data-autolink="maybe" class="css">lower-greek</span>, <span data-autolink="maybe" class="css">hiragana</span>, <span data-autolink="maybe" class="css">hiragana-iroha</span>, <span data-autolink="maybe" class="css">katakana</span>, <span data-autolink="maybe" class="css">katakana-iroha</span></a></li><li><a href="#simple-symbolic"><span class="secno">5.3 </span> 1.153 -Symbolic: <span data-autolink="maybe" class="css">disc</span>, <span data-autolink="maybe" class="css">circle</span>, <span data-autolink="maybe" class="css">square</span>, <span data-autolink="maybe" class="css">disclosure-open</span>, <span data-autolink="maybe" class="css">disclosure-closed</span></a></li></ul></li><li><a href="#complex-predefined-counters"><span class="secno">6 </span> 1.154 -Complex Predefined Counter Styles</a><ul class="toc"><li><a href="#complex-cjk"><span class="secno">6.1 </span><span title="speak-as"> 1.155 -Longhand East Asian Counter Styles: <span data-autolink="maybe" class="css">japanese-informal</span>, <span data-autolink="maybe" class="css">japanese-formal</span>, <span data-autolink="maybe" class="css">korean-hangul-formal</span>, <span data-autolink="maybe" class="css">korean-hanja-informal</span>, <span data-autolink="maybe" class="css">korean-hanja-formal</span>, <span data-autolink="maybe" class="css">simp-chinese-informal</span>, <span data-autolink="maybe" class="css">simp-chinese-formal</span>, <span data-autolink="maybe" class="css">trad-chinese-informal</span>, <span data-autolink="maybe" class="css">trad-chinese-formal</span></span></a><ul class="toc"><li><a href="#limited-cjk"><span class="secno">6.1.1 </span> 1.156 +Numeric: <span data-autolink="maybe" href="#decimal" class="css">decimal</span>, <span data-autolink="maybe" href="#decimal-leading-zero" class="css">decimal-leading-zero</span>, <span data-autolink="maybe" href="#cjk-decimal" class="css">cjk-decimal</span>, <span data-autolink="maybe" href="#lower-roman" class="css">lower-roman</span>, <span data-autolink="maybe" href="#upper-roman" class="css">upper-roman</span>, <span data-autolink="maybe" href="#armenian" class="css">armenian</span>, <span data-autolink="maybe" href="#georgian" class="css">georgian</span>, <span data-autolink="maybe" href="#hebrew" class="css">hebrew</span></a></li><li><a href="#simple-alphabetic"><span class="secno">5.2 </span> 1.157 +Alphabetic: <span data-autolink="maybe" href="#lower-alpha" class="css">lower-alpha</span>, <span data-autolink="maybe" href="#lower-latin" class="css">lower-latin</span>, <span data-autolink="maybe" href="#upper-alpha" class="css">upper-alpha</span>, <span data-autolink="maybe" href="#upper-latin" class="css">upper-latin</span>, <span data-autolink="maybe" href="#lower-greek" class="css">lower-greek</span>, <span data-autolink="maybe" href="#hiragana" class="css">hiragana</span>, <span data-autolink="maybe" href="#hiragana-iroha" class="css">hiragana-iroha</span>, <span data-autolink="maybe" href="#katakana" class="css">katakana</span>, <span data-autolink="maybe" href="#katakana-iroha" class="css">katakana-iroha</span></a></li><li><a href="#simple-symbolic"><span class="secno">5.3 </span> 1.158 +Symbolic: <span data-autolink="maybe" href="#disc" class="css">disc</span>, <span data-autolink="maybe" href="#circle" class="css">circle</span>, <span data-autolink="maybe" href="#square" class="css">square</span>, <span data-autolink="maybe" href="#disclosure-open" class="css">disclosure-open</span>, <span data-autolink="maybe" href="#disclosure-closed" class="css">disclosure-closed</span></a></li></ul></li><li><a href="#complex-predefined-counters"><span class="secno">6 </span> 1.159 +Complex Predefined Counter Styles</a><ul class="toc"><li><a href="#complex-cjk"><span class="secno">6.1 </span><span data-autolink="link" href="#speak-as" title="speak-as"> 1.160 +Longhand East Asian Counter Styles: <span data-autolink="maybe" href="#japanese-informal" class="css">japanese-informal</span>, <span data-autolink="maybe" href="#japanese-formal" class="css">japanese-formal</span>, <span data-autolink="maybe" href="#korean-hangul-formal" class="css">korean-hangul-formal</span>, <span data-autolink="maybe" href="#korean-hanja-informal" class="css">korean-hanja-informal</span>, <span data-autolink="maybe" href="#korean-hanja-formal" class="css">korean-hanja-formal</span>, <span data-autolink="maybe" href="#simp-chinese-informal" class="css">simp-chinese-informal</span>, <span data-autolink="maybe" href="#simp-chinese-formal" class="css">simp-chinese-formal</span>, <span data-autolink="maybe" href="#trad-chinese-informal" class="css">trad-chinese-informal</span>, <span data-autolink="maybe" href="#trad-chinese-formal" class="css">trad-chinese-formal</span></span></a><ul class="toc"><li><a href="#limited-cjk"><span class="secno">6.1.1 </span> 1.161 Limited-range Implementation (required)</a></li><li><a href="#extended-cjk"><span class="secno">6.1.2 </span> 1.162 Extended Implementation (optional)</a></li></ul></li><li><a href="#ethiopic-numeric-counter-style"><span class="secno">6.2 </span> 1.163 -Ethiopic Numeric Counter Style: <span data-autolink="maybe" class="css">ethiopic-numeric</span></a></li></ul></li><li><a href="#apis"><span class="secno">7 </span>APIs</a><ul class="toc"><li><a href="#extentions-to-cssrule-interface"><span class="secno">7.1 </span> 1.164 +Ethiopic Numeric Counter Style: <span data-autolink="maybe" href="#ethiopic-numeric" class="css">ethiopic-numeric</span></a></li></ul></li><li><a href="#apis"><span class="secno">7 </span>APIs</a><ul class="toc"><li><a href="#extentions-to-cssrule-interface"><span class="secno">7.1 </span> 1.165 Extensions to the <code>CSSRule</code> interface</a></li><li><a href="#the-csscounterstylerule-interface"><span class="secno">7.2 </span> 1.166 The <code>CSSCounterStyleRule</code> interface</a></li></ul></li><li><a href="#ua-stylesheet"><span class="secno">8 </span> 1.167 Sample style sheet for HTML</a></li><li><a href="#changes"> 1.168 @@ -132,7 +127,7 @@ 1.169 </p><p> This module introduces the <a data-autolink="maybe" class="css" href="#at-counter-style">@counter-style</a> rule which allows CSS to address this in an open-ended manner, 1.170 by allowing the author to define their own counter styles. 1.171 These styles can then be used in the <a data-autolink="property" class="property" title="list-style-type">list-style-type</a> property 1.172 - or in the <a data-autolink="maybe" class="css">counter()</a> and <a data-autolink="maybe" class="css">counters()</a> functions. 1.173 + or in the <span data-autolink="maybe" class="css">counter()</span> and <span data-autolink="maybe" class="css">counters()</span> functions. 1.174 It also defines some additional predefined counter styles, 1.175 particularly ones which are common but complicated to represent with <a data-autolink="maybe" class="css" href="#at-counter-style">@counter-style</a>. 1.176 1.177 @@ -196,8 +191,8 @@ 1.178 instead generate an initial representation using the absolute value of the counter value. 1.179 1.180 </li><li> 1.181 - If the representation uses less symbols than specified in the counter style's <a data-autolink="property" class="property" title="width" href="#width">width</a> descriptor, 1.182 - prepend symbols to the representation as specified in the <a data-autolink="property" class="property" title="width" href="#width">width</a> descriptor. 1.183 + If the representation uses less symbols than specified in the counter style's <a data-autolink="property" class="property" title="fill" href="#fill">fill</a> descriptor, 1.184 + prepend symbols to the representation as specified in the <a data-autolink="property" class="property" title="fill" href="#fill">fill</a> descriptor. 1.185 1.186 </li><li> 1.187 If the counter value is negative 1.188 @@ -212,7 +207,7 @@ 1.189 <p class="note"> Note: the prefix and suffix don't play a part in this algorithm. 1.190 This is intentional; 1.191 the prefix and suffix aren't part of the string returned by the counter() or counters() functions. 1.192 - Instead, the prefix and suffix are added by the algorithm that constructs the value of the <a data-autolink="property" class="property" title="contents">contents</a> property for the <a data-autolink="maybe" class="css">::marker</a> pseudo-element. 1.193 + Instead, the prefix and suffix are added by the algorithm that constructs the value of the <a data-autolink="property" class="property" title="content">content</a> property for the <span data-autolink="maybe" class="css">::marker</span> pseudo-element. 1.194 This also implies that the prefix and suffix always come from the specified counter-style, 1.195 even if the actual representation is constructed by a fallback style. 1.196 1.197 @@ -231,9 +226,9 @@ 1.198 } 1.199 </pre> 1.200 <p> The <a data-autolink="link" href="#speak-as-counter-style"><counter-style-name></a> must be be a valid identifier 1.201 - and must not be <a data-autolink="maybe" class="css" href="#decimal">decimal</a> or <a data-autolink="maybe" class="css">none</a>, 1.202 + and must not be <a data-autolink="maybe" class="css" href="#decimal">decimal</a> or <span data-autolink="maybe" class="css">none</span>, 1.203 or else the rule is invalid. 1.204 - (Note, however, that some names, like <a data-autolink="maybe" class="css">inside</a> or <a data-autolink="maybe" class="css">initial</a>, 1.205 + (Note, however, that some names, like <span data-autolink="maybe" class="css">inside</span> or <span data-autolink="maybe" class="css">initial</span>, 1.206 might conflict with the existing values of properties like <a data-autolink="property" class="property" title="list-style">list-style</a>, 1.207 and thus won't be usable there.) 1.208 1.209 @@ -242,7 +237,7 @@ 1.210 wherever they are used as counter styles, e.g. 1.211 in the <a data-autolink="property" class="property" title="list-style">list-style</a> set of properties, 1.212 in the <a data-autolink="maybe" class="css" href="#at-counter-style">@counter-style</a> rule, 1.213 - and in the <a data-autolink="maybe" class="css">counter()</a> functions. 1.214 + and in the <span data-autolink="maybe" class="css">counter()</span> functions. 1.215 1.216 </p><p> Each <a data-autolink="maybe" class="css" href="#at-counter-style">@counter-style</a> rule specifies a value for every counter-style descriptor, 1.217 either implicitly or explicitly. 1.218 @@ -311,7 +306,7 @@ 1.219 <pre>@counter-style <dfn id="triangle">triangle</dfn> { 1.220 system: cyclic; 1.221 symbols: ‣; 1.222 - suffix: ''; 1.223 + suffix: ""; 1.224 } 1.225 </pre> 1.226 <p> It will then produce lists that look like: 1.227 @@ -397,7 +392,7 @@ 1.228 <pre>@counter-style <dfn id="footnote">footnote</dfn> { 1.229 system: symbolic; 1.230 symbols: '*' ⁑ † ‡; 1.231 - suffix: ''; 1.232 + suffix: ""; 1.233 } 1.234 </pre> 1.235 <p> It will then produce lists that look like: 1.236 @@ -477,7 +472,7 @@ 1.237 <pre>@counter-style <dfn id="go">go</dfn> { 1.238 system: alphabetic; 1.239 symbols: url(white.svg) url(black.svg); 1.240 - suffix: ''; 1.241 + suffix: ""; 1.242 } 1.243 </pre> 1.244 <p> It will then produce lists that look like: 1.245 @@ -598,7 +593,7 @@ 1.246 <pre>@counter-style <dfn id="dice">dice</dfn> { 1.247 system: additive; 1.248 additive-symbols: 6 ⚅, 5 ⚄, 4 ⚃, 3 ⚂, 2 ⚁, 1 ⚀; 1.249 - suffix: ''; 1.250 + suffix: ""; 1.251 } 1.252 </pre> 1.253 <p> It will then produce lists that look like: 1.254 @@ -675,7 +670,7 @@ 1.255 to the representation when the counter value is negative. 1.256 1.257 </p><div class="example"> 1.258 - For example, specifying <a data-autolink="maybe" class="css">negative: "(" ")";</a> will make negative 1.259 + For example, specifying <span data-autolink="maybe" class="css">negative: "(" ")";</span> will make negative 1.260 values be wrapped in parentheses, which is sometimes used in financial 1.261 contexts, like "(2) (1) 0 1 2 3...". 1.262 </div> 1.263 @@ -698,7 +693,7 @@ 1.264 <table class="descdef"><tbody><tr><th>Name:</th><td><dfn id="prefix">prefix</dfn></td></tr><tr><th>Value:</th><td><a data-autolink="link" class="production" href="#symbol-production"><var><symbol></var></a></td></tr><tr><th>Initial:</th><td>"" (the empty string)</td></tr></tbody></table> 1.265 <p> The <a data-autolink="property" class="property" title="prefix" href="#prefix">prefix</a> descripter specifies a <var><symbol></var> that is prepended to the 1.266 marker representation. Prefixes are only added by the algorithm for constructing 1.267 - the default contents of the <a data-autolink="maybe" class="css">::marker</a> pseudo-element; the prefix is not 1.268 + the default contents of the <span data-autolink="maybe" class="css">::marker</span> pseudo-element; the prefix is not 1.269 added automatically when the counter() or counters() functions are used. 1.270 Prefixes come before any negative sign. 1.271 1.272 @@ -719,7 +714,7 @@ 1.273 1.274 <p> The <a data-autolink="property" class="property" title="suffix" href="#suffix">suffix</a> descripter specifies a <var><symbol></var> that is appended to the 1.275 marker representation. Suffixes are only added by the algorithm for constructing 1.276 - the default contents of the <a data-autolink="maybe" class="css">::marker</a> pseudo-element; the suffix is not 1.277 + the default contents of the <span data-autolink="maybe" class="css">::marker</span> pseudo-element; the suffix is not 1.278 added automatically when the counter() or counters() functions are used. 1.279 Suffixes are added to the representation after negative signs. 1.280 1.281 @@ -762,7 +757,7 @@ 1.282 the first value is the lower bound 1.283 and the second value is the upper bound. 1.284 This range is inclusive - it contains both the lower and upper bound numbers. 1.285 - If <a data-autolink="maybe" class="css">infinite</a> is used as the first value in a range, 1.286 + If <span data-autolink="maybe" class="css">infinite</span> is used as the first value in a range, 1.287 it represents negative infinity; 1.288 if used as the second value, 1.289 it represents positive infinity. 1.290 @@ -780,13 +775,13 @@ 1.291 it must be treated as the closest bound that the implementation does support. 1.292 1.293 1.294 -</p><h3 id="counter-style-width" data-level="3.6"><span class="secno">3.6 </span> 1.295 -Zero-Padding and Constant-Width Representations: the <a data-autolink="property" class="property" title="width" href="#width">width</a> descriptor</h3> 1.296 +</p><h3 id="counter-style-fill" data-level="3.6"><span class="secno">3.6 </span> 1.297 +Zero-Padding and Constant-Width Representations: the <a data-autolink="property" class="property" title="fill" href="#fill">fill</a> descriptor</h3> 1.298 1.299 <table class="descdef"> 1.300 <tbody><tr> 1.301 <th>Name: 1.302 - </th><td><dfn id="width">width</dfn></td></tr><tr> 1.303 + </th><td><dfn id="fill">fill</dfn></td></tr><tr> 1.304 <th>Value: 1.305 </th><td><var><integer></var> && <var><symbol></var> 1.306 </td></tr><tr> 1.307 @@ -794,32 +789,32 @@ 1.308 </th><td>0 "" 1.309 </td></tr></tbody></table> 1.310 1.311 -<p> The <a data-autolink="property" class="property" title="width" href="#width">width</a> descriptor allows an author to specify a "fixed-width" counter style, 1.312 - where representations shorter than the width are padded with a particular <a data-autolink="link" class="production" href="#symbol-production"><var><symbol></var></a>. 1.313 - Representations larger than the specified width are constructed as normal. 1.314 +<p> The <a data-autolink="property" class="property" title="fill" href="#fill">fill</a> descriptor allows an author to specify a "fixed-width" counter style, 1.315 + where representations shorter than the fill are padded with a particular <a data-autolink="link" class="production" href="#symbol-production"><var><symbol></var></a>. 1.316 + Representations larger than the specified fill are constructed as normal. 1.317 1.318 </p><dl> 1.319 <dt><a data-autolink="link" class="production"><var><integer></var></a> && <a data-autolink="link" class="production" href="#symbol-production"><var><symbol></var></a> 1.320 </dt><dd> 1.321 - The <a data-autolink="link" class="production"><var><integer></var></a> specifies a minimum width that all counter representations must reach. 1.322 + The <a data-autolink="link" class="production"><var><integer></var></a> specifies a minimum number of <a data-autolink="link" class="production" href="#symbol-production"><var><symbol></var></a>s that all counter representations must reach. 1.323 If a counter representation would be generated using less <a data-autolink="link" class="production" href="#symbol-production"><var><symbol></var></a>s than the specified <a data-autolink="link" class="production"><var><integer></var></a> 1.324 (before adding prefixes/suffixes/negatives), 1.325 prepend copies of the specified <a data-autolink="link" class="production" href="#symbol-production"><var><symbol></var></a> to the representation 1.326 - until the number of symbols reaches the specified width. 1.327 + until the number of symbols reaches the specified fill. 1.328 1.329 <p> The <a data-autolink="link" class="production"><var><integer></var></a> must be non-negative. 1.330 A negative value is a syntax error. 1.331 1.332 </p><p> If the counter value is negative 1.333 and the counter style is <a data-autolink="link" href="#negative-capable">negative-capable</a>, 1.334 - treat the minimum width as being one or two smaller when determining how many copies to prepend, 1.335 + treat the minimum number of <a data-autolink="link" class="production" href="#symbol-production"><var><symbol></var></a>s as being one or two smaller when determining how many copies to prepend, 1.336 depending on whether the <a data-autolink="property" class="property" title="negative" href="#negative">negative</a> descriptor's value is one or two <var><symbol></var>s. 1.337 </p></dd></dl> 1.338 1.339 <div class="example"> 1.340 The most common example of "fixed-width" numbering is zero-padded decimal numbering. 1.341 If an author knows that the numbers used will be less than a thousand, for example, 1.342 - it can be zero-padded with a simple <a data-autolink="maybe" class="css">width: 3 "0";</a> descriptor, 1.343 + it can be zero-padded with a simple <span data-autolink="maybe" class="css">width: 3 "0";</span> descriptor, 1.344 ensuring that all of the representations are 3 digits wide. 1.345 1.346 <p> This will cause, for example, 1.347 @@ -830,13 +825,13 @@ 1.348 and -5 to be represented as "-05". 1.349 </p></div> 1.350 1.351 -<p class="note"> Note: The <a data-autolink="property" class="property" title="width" href="#width">width</a> descriptor counts the number of <em><a data-autolink="link" class="production" href="#symbol-production"><var><symbol></var></a>s</em> used to construct the representation, 1.352 +<p class="note"> Note: The <a data-autolink="property" class="property" title="fill" href="#fill">fill</a> descriptor counts the number of <em><a data-autolink="link" class="production" href="#symbol-production"><var><symbol></var></a>s</em> used to construct the representation, 1.353 not the number of characters, 1.354 and also pads the representation with <a data-autolink="link" class="production" href="#symbol-production"><var><symbol></var></a>s. 1.355 For many styles, the distinction is irrelevant, 1.356 as all the <a data-autolink="link" class="production" href="#symbol-production"><var><symbol></var></a>s are single-chararacter, 1.357 but if a style uses multi-character <a data-autolink="link" class="production" href="#symbol-production"><var><symbol></var></a>s, 1.358 - care must be taken not to accidentally specify <a data-autolink="property" class="property" title="width" href="#width">width</a> in terms of characters. 1.359 + care must be taken not to accidentally specify <a data-autolink="property" class="property" title="fill" href="#fill">fill</a> in terms of characters. 1.360 1.361 1.362 </p><h3 id="counter-style-fallback" data-level="3.7"><span class="secno">3.7 </span> 1.363 @@ -1004,7 +999,7 @@ 1.364 system: alphabetic; 1.365 speak-as: lower-latin; 1.366 symbols: ⓐ ⓑ ⓒ ⓓ ⓔ ⓕ ⓖ ⓗ ⓘ ⓙ ⓚ ⓛ ⓜ ⓝ ⓞ ⓟ ⓠ ⓡ ⓢ ⓣ ⓤ ⓥ ⓦ ⓧ ⓨ ⓩ; 1.367 - suffix: ''; 1.368 + suffix: ""; 1.369 } 1.370 </pre> 1.371 <p> Setting its <a data-autolink="property" class="property" title="system" href="#system">system</a> to <a data-autolink="maybe" class="css" href="#alphabetic">alphabetic</a> would normally make the UA try to read out the names of the characters, 1.372 @@ -1016,21 +1011,21 @@ 1.373 <!-- ====================================================================== --> 1.374 1.375 <h2 id="symbols-function" data-level="4"><span class="secno">4 </span> 1.376 -Defining Anonymous Counter Styles: the <a data-autolink="maybe" class="css">symbols()</a> function</h2> 1.377 - 1.378 -<p> The <a data-autolink="maybe" class="css">symbols()</a> function allows a <a data-autolink="link" href="#counter-style">counter style</a> to be defined inline in a property value, 1.379 +Defining Anonymous Counter Styles: the <span data-autolink="maybe" class="css">symbols()</span> function</h2> 1.380 + 1.381 +<p> The <span data-autolink="maybe" class="css">symbols()</span> function allows a <a data-autolink="link" href="#counter-style">counter style</a> to be defined inline in a property value, 1.382 for when a style is used only once in a stylesheet and defining a full <a data-autolink="maybe" class="css" href="#at-counter-style">@counter-style</a> rule would be overkill. 1.383 It does not provide the full feature-set of the <a data-autolink="maybe" class="css" href="#at-counter-style">@counter-style</a> rule, 1.384 but provides a sufficient subset to still be useful. 1.385 - The syntax of the <a data-autolink="maybe" class="css">symbols()</a> rule is: 1.386 + The syntax of the <span data-autolink="maybe" class="css">symbols()</span> rule is: 1.387 1.388 </p><pre><dfn id="type-symbols-function"><symbols-function></dfn> = symbols( <symbols-type>? [ <string> | <image> ]+ )</pre> 1.389 -<p> Where <symbols-type> is one of the following keywords: 1.390 +<p> Where <symbols-type> is one of the following keywords: 1.391 <a data-autolink="maybe" class="css" href="#cyclic">cyclic</a>, <a data-autolink="maybe" class="css" href="#numeric">numeric</a>, <a data-autolink="maybe" class="css" href="#alphabetic">alphabetic</a>, <a data-autolink="maybe" class="css" href="#symbolic">symbolic</a>, or <a data-autolink="maybe" class="css" href="#fixed">fixed</a>. 1.392 1.393 -</symbols-type></p><p> The <a data-autolink="maybe" class="css">symbols()</a> function defines an anonymous counter style 1.394 +</p><p> The <span data-autolink="maybe" class="css">symbols()</span> function defines an anonymous counter style 1.395 with no name, 1.396 - a <a data-autolink="property" class="property" title="prefix" href="#prefix">prefix</a> and <a data-autolink="property" class="property" title="suffix" href="#suffix">suffix</a> of <a data-autolink="maybe" class="css">""</a> (the empty string), 1.397 + a <a data-autolink="property" class="property" title="prefix" href="#prefix">prefix</a> and <a data-autolink="property" class="property" title="suffix" href="#suffix">suffix</a> of <span data-autolink="maybe" class="css">""</span> (the empty string), 1.398 a <a data-autolink="property" class="property" title="range" href="#range">range</a> of <a data-autolink="maybe" class="css" href="#speak-as-auto">auto</a>, 1.399 a <a data-autolink="property" class="property" title="fallback" href="#fallback">fallback</a> of <a data-autolink="maybe" class="css" href="#decimal">decimal</a>, 1.400 and a <a data-autolink="property" class="property" title="negative" href="#negative">negative</a> of "\2D" ("-" hyphen-minus). 1.401 @@ -1038,7 +1033,7 @@ 1.402 by consulting the previous chapter using the provided system — 1.403 or <a data-autolink="maybe" class="css" href="#symbolic">symbolic</a> if the system was omitted — 1.404 and the provided <a data-autolink="link" class="production"><var><string></var></a>s and <a data-autolink="link" class="production"><var><image></var></a>s as the value of the <a data-autolink="property" class="property" title="symbols" href="#symbols">symbols</a> property. 1.405 - If the system is <a data-autolink="maybe" class="css" href="#fixed">fixed</a>, the <a data-autolink="link" href="#first-symbol-value">first symbol value</a> is <a data-autolink="maybe" class="css">1</a>. 1.406 + If the system is <a data-autolink="maybe" class="css" href="#fixed">fixed</a>, the <a data-autolink="link" href="#first-symbol-value">first symbol value</a> is <span data-autolink="maybe" class="css">1</span>. 1.407 1.408 </p><div class="example"> 1.409 This code: 1.410 @@ -1068,7 +1063,7 @@ 1.411 ‡ Seven 1.412 </pre> </div> 1.413 1.414 -<p class="note"> Note: the <a data-autolink="maybe" class="css">symbols()</a> function only allows strings and images, 1.415 +<p class="note"> Note: the <span data-autolink="maybe" class="css">symbols()</span> function only allows strings and images, 1.416 while the <a data-autolink="property" class="property" title="symbols" href="#symbols">symbols</a> descriptor of a <a data-autolink="maybe" class="css" href="#at-counter-style">@counter-style</a> rule also allows identifiers. 1.417 1.418 1.419 @@ -1335,32 +1330,32 @@ 1.420 system: cyclic; 1.421 symbols: \2022; 1.422 /* • */ 1.423 - suffix: ''; 1.424 + suffix: ""; 1.425 } 1.426 1.427 @counter-style circle { 1.428 system: cyclic; 1.429 symbols: \25E6; 1.430 /* ◦ */ 1.431 - suffix: ''; 1.432 + suffix: ""; 1.433 } 1.434 1.435 @counter-style square { 1.436 system: cyclic; 1.437 symbols: \25FE; 1.438 /* ◾ */ 1.439 - suffix: ''; 1.440 + suffix: ""; 1.441 } 1.442 1.443 @counter-style disclosure-open { 1.444 system: cyclic; 1.445 - suffix: ''; 1.446 + suffix: ""; 1.447 /* for symbols, see normative text below */ 1.448 } 1.449 1.450 @counter-style disclosure-closed { 1.451 system: cyclic; 1.452 - suffix: ''; 1.453 + suffix: ""; 1.454 /* for symbols, see normative text below */ 1.455 } 1.456 </pre> 1.457 @@ -1373,7 +1368,7 @@ 1.458 the open and closed states of a disclosure widget, 1.459 such as HTML's <code><details></code> element. 1.460 If the image is directional, 1.461 - it must respond to the <a data-autolink="link">writing mode</a> of the element <a data-autolink="biblio" U00022="" data-biblio-type="normative" title="CSS3-WRITING-MODES" href="#css3-writing-modes">[CSS3-WRITING-MODES]</a>, 1.462 + it must respond to the <i data-autolink="link">writing mode</i> of the element <a data-autolink="biblio" data-biblio-type="normative" title="CSS3-WRITING-MODES" href="#css3-writing-modes">[CSS3-WRITING-MODES]</a>, 1.463 similar to the <a href="http://dev.w3.org/csswg/css4-images/#bidi-images">bidi-sensitive images</a> feature of the Images 4 module. 1.464 For example, the <a data-autolink="maybe" class="css" href="#disclosure-closed">disclosure-closed</a> style might use the characters 1.465 U+25B8 BLACK RIGHT-POINTING SMALL TRIANGLE (▸) 1.466 @@ -1689,7 +1684,7 @@ 1.467 1.468 <p> For all of these counter styles, the <a data-autolink="property" class="property" title="suffix" href="#suffix">suffix</a>is "、" U+3001, 1.469 the <a data-autolink="property" class="property" title="fallback" href="#fallback">fallback</a> is <a data-autolink="maybe" class="css" href="#cjk-decimal">cjk-decimal</a>, 1.470 - the <a data-autolink="property" class="property" title="range" href="#range">range</a> is <a data-autolink="maybe" class="css">-9999 9999</a>, 1.471 + the <a data-autolink="property" class="property" title="range" href="#range">range</a> is <span data-autolink="maybe" class="css">-9999 9999</span>, 1.472 and the <a data-autolink="property" class="property" title="negative" href="#negative">negative</a> value is given in the table of symbols for each style. 1.473 1.474 </p><p> The following tables define the characters used in these styles: 1.475 @@ -1910,8 +1905,8 @@ 1.476 and the <a data-autolink="property" class="property" title="negative" href="#negative">negative</a> is given in the tables below, 1.477 or else is the initial value of the descriptor. 1.478 For Chinese and Japanese, 1.479 - the <a data-autolink="property" class="property" title="range" href="#range">range</a> is <a data-autolink="maybe" class="css">-9999999999999999 9999999999999999</a> (-10<sup>16</sup>+1 and 10<sup>16</sup>-1), 1.480 - while for Korean it's <a data-autolink="maybe" class="css">0 9999999999999999</a> (again, 10<sup>16</sup>-1). 1.481 + the <a data-autolink="property" class="property" title="range" href="#range">range</a> is <span data-autolink="maybe" class="css">-9999999999999999 9999999999999999</span> (-10<sup>16</sup>+1 and 10<sup>16</sup>-1), 1.482 + while for Korean it's <span data-autolink="maybe" class="css">0 9999999999999999</span> (again, 10<sup>16</sup>-1). 1.483 1.484 </p><p> The following tables define the characters used in these styles: 1.485 1.486 @@ -2317,7 +2312,7 @@ 1.487 </li></ol> 1.488 1.489 <p> For this system, the name is "ethiopic-numeric", 1.490 - the <a data-autolink="property" class="property" title="range" href="#range">range</a> is <a data-autolink="maybe" class="css">1 infinity</a>, 1.491 + the <a data-autolink="property" class="property" title="range" href="#range">range</a> is <span data-autolink="maybe" class="css">1 infinity</span>, 1.492 and the rest of the descriptors have their initial value. 1.493 1.494 </p><p class="issue"> 1.495 @@ -2401,7 +2396,7 @@ 1.496 <p> </p><ul> 1.497 <li>All counter systems can now handle negative values. 1.498 1.499 - </li><li>The <a data-autolink="property" class="property" title="width" href="#width">width</a> descriptor was added, to handle things like zero-padding integers. 1.500 + </li><li>The <a data-autolink="property" class="property" title="fill" href="#fill">fill</a> descriptor was added, to handle things like zero-padding integers. 1.501 1.502 </li><li>The <a data-autolink="property" class="property" title="speak-as" href="#speak-as">speak-as</a> descriptor was added, to control how generated counters should be spoken by speech UAs. 1.503 1.504 @@ -2442,7 +2437,7 @@ 1.505 1.506 <p> The CSS Lists and Counters specification [[!CSS3LIST]] defines a mechanism for authors to define almost any counter style they would want. However, forcing authors to redefine common styles every time they are used would be unnecessarily onerous. To aid in this regard, this specification predefines a large set of counter styles. User agents must include the following stylesheet as a user-agent stylesheet, so authors can depend on these styles being present. 1.507 1.508 -<p> As with any ''@counter-style'' rule, the counter style definitions given here can be overridden by the author if they desire to attach a different style to a counter style name defined in this stylesheet. 1.509 +<p> As with any <span data-autolink="maybe" class="css">@counter-style</span> rule, the counter style definitions given here can be overridden by the author if they desire to attach a different style to a counter style name defined in this stylesheet. 1.510 1.511 <p class='issue'>Should this chapter and the next be made an informative appendix rather than a required UA stylesheet? 1.512 1.513 @@ -2454,49 +2449,49 @@ 1.514 system: cyclic; 1.515 symbols: '\25FD'; 1.516 /* '◽' */ 1.517 -suffix: ''; 1.518 +suffix: ""; 1.519 } 1.520 1.521 @counter-style <dfn>check</dfn> { 1.522 system: cyclic; 1.523 symbols: '\2713'; 1.524 /* '✓' */ 1.525 -suffix: ''; 1.526 +suffix: ""; 1.527 } 1.528 1.529 @counter-style <dfn>circle</dfn> { 1.530 system: cyclic; 1.531 symbols: '\25E6'; 1.532 /* '◦' */ 1.533 -suffix: ''; 1.534 +suffix: ""; 1.535 } 1.536 1.537 @counter-style <dfn>diamond</dfn> { 1.538 system: cyclic; 1.539 symbols: '\25C6'; 1.540 /* '◆' */ 1.541 -suffix: ''; 1.542 +suffix: ""; 1.543 } 1.544 1.545 @counter-style <dfn>disc</dfn> { 1.546 system: cyclic; 1.547 symbols: '\2022'; 1.548 /* '•' */ 1.549 -suffix: ''; 1.550 +suffix: ""; 1.551 } 1.552 1.553 @counter-style <dfn>dash</dfn> { 1.554 system: cyclic; 1.555 symbols: '\2043'; 1.556 /* '⁃' */ 1.557 -suffix: ''; 1.558 +suffix: ""; 1.559 } 1.560 1.561 @counter-style <dfn>square</dfn> { 1.562 system: cyclic; 1.563 symbols: '\25FE'; 1.564 /* '◾' */ 1.565 -suffix: ''; 1.566 +suffix: ""; 1.567 }</bdo></code></pre> 1.568 <h3 id='predefined-numeric'> 1.569 Predefined Numeric Styles</h3> 1.570 @@ -3047,7 +3042,7 @@ 1.571 system: symbolic; 1.572 symbols: '\2A'; 1.573 /* '*' */ 1.574 -suffix: ''; 1.575 +suffix: ""; 1.576 } 1.577 1.578 @counter-style <dfn>lower-alpha-symbolic</dfn> { 1.579 @@ -3069,35 +3064,35 @@ 1.580 system: fixed 0; 1.581 symbols: '\24EA' '\2460' '\2461' '\2462' '\2463' '\2464' '\2465' '\2466' '\2467' '\2468' '\2469' '\246A' '\246B' '\246C' '\246D' '\246E' '\246F' '\2470' '\2471' '\2472' '\2473' '\3251' '\3252' '\3253' '\3254' '\3255' '\3256' '\3257' '\3258' '\3259' '\325a' '\325b' '\325c' '\325d' '\325e' '\325f' '\32b1' '\32b2' '\32b3' '\32b4' '\32b5' '\32b6' '\32b7' '\32b8' '\32b9' '\32ba' '\32bb' '\32bc' '\32bd' '\32be' '\32bf'; 1.582 /* '⓪' '①' '②' '③' '④' '⑤' '⑥' '⑦' '⑧' '⑨' '⑩' '⑪' '⑫' '⑬' '⑭' '⑮' '⑯' '⑰' '⑱' '⑲' '⑳' '㉑' '㉒' '㉓' '㉔' '㉕' '㉖' '㉗' '㉘' '㉙' '㉚' '㉛' '㉜' '㉝' '㉞' '㉟' '㊱' '㊲' '㊳' '㊴' '㊵' '㊶' '㊷' '㊸' '㊹' '㊺' '㊻' '㊼' '㊽' '㊾' '㊿' */ 1.583 -suffix: ''; 1.584 +suffix: ""; 1.585 } 1.586 1.587 @counter-style <dfn>circled-lower-latin</dfn> { 1.588 system: fixed; 1.589 symbols: '\24D0' '\24D1' '\24D2' '\24D3' '\24D4' '\24D5' '\24D6' '\24D7' '\24D8' '\24D9' '\24DA' '\24DB' '\24DC' '\24DD' '\24DE' '\24DF' '\24E0' '\24E1' '\24E2' '\24E3' '\24E4' '\24E5' '\24E6' '\24E7' '\24E8' '\24E9'; 1.590 /* 'ⓐ' 'ⓑ' 'ⓒ' 'ⓓ' 'ⓔ' 'ⓕ' 'ⓖ' 'ⓗ' 'ⓘ' 'ⓙ' 'ⓚ' 'ⓛ' 'ⓜ' 'ⓝ' 'ⓞ' 'ⓟ' 'ⓠ' 'ⓡ' 'ⓢ' 'ⓣ' 'ⓤ' 'ⓥ' 'ⓦ' 'ⓧ' 'ⓨ' 'ⓩ' */ 1.591 -suffix: ''; 1.592 +suffix: ""; 1.593 } 1.594 1.595 @counter-style <dfn>circled-upper-latin</dfn> { 1.596 system: fixed; 1.597 symbols: '\24B6' '\24B7' '\24B8' '\24B9' '\24BA' '\24BB' '\24BC' '\24BD' '\24BE' '\24BF' '\24C0' '\24C1' '\24C2' '\24C3' '\24C4' '\24C5' '\24C6' '\24C7' '\24C8' '\24C9' '\24CA' '\24CB' '\24CC' '\24CD' '\24CE' '\24CF'; 1.598 /* 'Ⓐ' 'Ⓑ' 'Ⓒ' 'Ⓓ' 'Ⓔ' 'Ⓕ' 'Ⓖ' 'Ⓗ' 'Ⓘ' 'Ⓙ' 'Ⓚ' 'Ⓛ' 'Ⓜ' 'Ⓝ' 'Ⓞ' 'Ⓟ' 'Ⓠ' 'Ⓡ' 'Ⓢ' 'Ⓣ' 'Ⓤ' 'Ⓥ' 'Ⓦ' 'Ⓧ' 'Ⓨ' 'Ⓩ' */ 1.599 -suffix: ''; 1.600 +suffix: ""; 1.601 } 1.602 1.603 @counter-style <dfn>circled-korean-consonant</dfn> { 1.604 system: fixed; 1.605 symbols: '\3260' '\3261' '\3262' '\3263' '\3264' '\3265' '\3266' '\3267' '\3268' '\3269' '\326A' '\326B' '\326C' '\326D'; 1.606 /* '㉠' '㉡' '㉢' '㉣' '㉤' '㉥' '㉦' '㉧' '㉨' '㉩' '㉪' '㉫' '㉬' '㉭' */ 1.607 -suffix: ''; 1.608 +suffix: ""; 1.609 } 1.610 1.611 @counter-style <dfn>circled-korean-syllable</dfn> { 1.612 system: fixed; 1.613 symbols: '\326E' '\326F' '\3270' '\3271' '\3272' '\3273' '\3274' '\3275' '\3276' '\3277' '\3278' '\3279' '\327A' '\327B'; 1.614 /* '㉮' '㉯' '㉰' '㉱' '㉲' '㉳' '㉴' '㉵' '㉶' '㉷' '㉸' '㉹' '㉺' '㉻' */ 1.615 -suffix: ''; 1.616 +suffix: ""; 1.617 } 1.618 1.619 @counter-style <dfn>decimal-leading-zero</dfn> { 1.620 @@ -3110,63 +3105,63 @@ 1.621 system: fixed; 1.622 symbols: '\2488' '\2489' '\248A' '\248B' '\248C' '\248D' '\248E' '\248F' '\2490' '\2491' '\2492' '\2493' '\2494' '\2495' '\2496' '\2497' '\2498' '\2499' '\249A' '\249B'; 1.623 /* '⒈' '⒉' '⒊' '⒋' '⒌' '⒍' '⒎' '⒏' '⒐' '⒑' '⒒' '⒓' '⒔' '⒕' '⒖' '⒗' '⒘' '⒙' '⒚' '⒛' */ 1.624 -suffix: ''; 1.625 +suffix: ""; 1.626 } 1.627 1.628 @counter-style <dfn>double-circled-decimal</dfn> { 1.629 system: fixed; 1.630 symbols: '\24F5' '\24F6' '\24F7' '\24F8' '\24F9' '\24FA' '\24FB' '\24FC' '\24FD' '\24FE'; 1.631 /* '⓵' '⓶' '⓷' '⓸' '⓹' '⓺' '⓻' '⓼' '⓽' '⓾' */ 1.632 -suffix: ''; 1.633 +suffix: ""; 1.634 } 1.635 1.636 @counter-style <dfn>filled-circled-decimal</dfn> { 1.637 system: fixed; 1.638 symbols: '\2776' '\2777' '\2778' '\2779' '\277a' '\277b' '\277c' '\277d' '\277e' '\277f' '\24EB' '\24EC' '\24ED' '\24EE' '\24EF' '\24F0' '\24F1' '\24F2' '\24F3' '\24F4'; 1.639 /* '❶' '❷' '❸' '❹' '❺' '❻' '❼' '❽' '❾' '❿' '⓫' '⓬' '⓭' '⓮' '⓯' '⓰' '⓱' '⓲' '⓳' '⓴' */ 1.640 -suffix: ''; 1.641 +suffix: ""; 1.642 } 1.643 1.644 @counter-style <dfn>fullwidth-upper-roman</dfn> { 1.645 system: fixed; 1.646 symbols: '\2160' '\2161' '\2162' '\2163' '\2164' '\2165' '\2166' '\2167' '\2168' '\2169' '\216A' '\216B'; 1.647 /* 'Ⅰ' 'Ⅱ' 'Ⅲ' 'Ⅳ' 'Ⅴ' 'Ⅵ' 'Ⅶ' 'Ⅷ' 'Ⅸ' 'Ⅹ' 'Ⅺ' 'Ⅻ' */ 1.648 -suffix: ''; 1.649 +suffix: ""; 1.650 } 1.651 1.652 @counter-style <dfn>fullwidth-lower-roman</dfn> { 1.653 system: fixed; 1.654 symbols: '\2170' '\2171' '\2172' '\2173' '\2174' '\2175' '\2176' '\2177' '\2178' '\2179' '\217A' '\217B'; 1.655 /* 'ⅰ' 'ⅱ' 'ⅲ' 'ⅳ' 'ⅴ' 'ⅵ' 'ⅶ' 'ⅷ' 'ⅸ' 'ⅹ' 'ⅺ' 'ⅻ' */ 1.656 -suffix: ''; 1.657 +suffix: ""; 1.658 } 1.659 1.660 @counter-style <dfn>parenthesized-decimal</dfn> { 1.661 system: fixed; 1.662 symbols: '\2474' '\2475' '\2476' '\2477' '\2478' '\2479' '\247A' '\247B' '\247C' '\247D' '\247E' '\247F' '\2480' '\2481' '\2482' '\2483' '\2484' '\2485' '\2486' '\2487'; 1.663 /* '⑴' '⑵' '⑶' '⑷' '⑸' '⑹' '⑺' '⑻' '⑼' '⑽' '⑾' '⑿' '⒀' '⒁' '⒂' '⒃' '⒄' '⒅' '⒆' '⒇' */ 1.664 -suffix: ''; 1.665 +suffix: ""; 1.666 } 1.667 1.668 @counter-style <dfn>parenthesized-lower-latin</dfn> { 1.669 system: fixed; 1.670 symbols: '\249C' '\249D' '\249E' '\249F' '\24A0' '\24A1' '\24A2' '\24A3' '\24A4' '\24A5' '\24A6' '\24A7' '\24A8' '\24A9' '\24AA' '\24AB' '\24AC' '\24AD' '\24AE' '\24AF' '\24B0' '\24B1' '\24B2' '\24B3' '\24B4' '\24B5'; 1.671 /* '⒜' '⒝' '⒞' '⒟' '⒠' '⒡' '⒢' '⒣' '⒤' '⒥' '⒦' '⒧' '⒨' '⒩' '⒪' '⒫' '⒬' '⒭' '⒮' '⒯' '⒰' '⒱' '⒲' '⒳' '⒴' '⒵' */ 1.672 -suffix: ''; 1.673 +suffix: ""; 1.674 } 1.675 1.676 @counter-style <dfn>parenthesized-hangul-consonant</dfn> { 1.677 system: fixed; 1.678 symbols: '\3200' '\3201' '\3202' '\3203' '\3204' '\3205' '\3206' '\3207' '\3208' '\3209' '\320A' '\320B' '\320C' '\320D'; 1.679 /* '㈀' '㈁' '㈂' '㈃' '㈄' '㈅' '㈆' '㈇' '㈈' '㈉' '㈊' '㈋' '㈌' '㈍' */ 1.680 -suffix: ''; 1.681 +suffix: ""; 1.682 } 1.683 1.684 @counter-style <dfn>parenthesized-hangul-syllable</dfn> { 1.685 system: fixed; 1.686 symbols: '\320E' '\320F' '\3210' '\3211' '\3212' '\3213' '\3214' '\3215' '\3216' '\3217' '\3218' '\3219' '\321A'; 1.687 /* '㈎' '㈏' '㈐' '㈑' '㈒' '㈓' '㈔' '㈕' '㈖' '㈗' '㈘' '㈙' '㈚' */ 1.688 -suffix: ''; 1.689 +suffix: ""; 1.690 } 1.691 1.692 @counter-style <dfn>persian-abjad</dfn> { 1.693 @@ -3272,7 +3267,7 @@ 1.694 letters in this specification. 1.695 1.696 </p><p>All of the text of this specification is normative except sections 1.697 - explicitly marked as non-normative, examples, and notes. <a data-autolink="biblio" U00022="" data-biblio-type="normative" title="RFC2119" href="#rfc2119">[RFC2119]</a></p> 1.698 + explicitly marked as non-normative, examples, and notes. <a data-autolink="biblio" data-biblio-type="normative" title="RFC2119" href="#rfc2119">[RFC2119]</a></p> 1.699 1.700 <p>Examples in this specification are introduced with the words "for example" 1.701 or are set apart from the normative text with <code>class="example"</code>, 1.702 @@ -3293,15 +3288,15 @@ 1.703 <p>Conformance to this specification 1.704 is defined for three conformance classes: 1.705 </p><dl> 1.706 - <dt><dfn data-noexport="" title="style sheet!!as conformance class" id="style-sheet">style sheet</dfn> 1.707 + <dt>style sheet 1.708 </dt><dd>A <a href="http://www.w3.org/TR/CSS21/conform.html#style-sheet">CSS 1.709 style sheet</a>. 1.710 - </dd><dt><dfn data-noexport="" id="renderer">renderer</dfn></dt> 1.711 - <dd>A <a href="http://www.w3.org/TR/CSS21/conform.html#user-agent">UA</a> 1.712 + </dd><dt>renderer 1.713 + </dt><dd>A <a href="http://www.w3.org/TR/CSS21/conform.html#user-agent">UA</a> 1.714 that interprets the semantics of a style sheet and renders 1.715 documents that use them. 1.716 - </dd><dt><dfn data-noexport="" id="authoring-tool">authoring tool</dfn></dt> 1.717 - <dd>A <a href="http://www.w3.org/TR/CSS21/conform.html#user-agent">UA</a> 1.718 + </dd><dt>authoring tool 1.719 + </dt><dd>A <a href="http://www.w3.org/TR/CSS21/conform.html#user-agent">UA</a> 1.720 that writes a style sheet. 1.721 </dd></dl> 1.722 1.723 @@ -3390,27 +3385,27 @@ 1.724 1.725 <h2 id="index" class="no-num no-ref"> 1.726 Index</h2> 1.727 -<div data-fill-with="index"><ul class="indexlist"><li>additive, <a href="#additive" title="section 3.1.6">3.1.6</a></li><li>additive-symbols, <a href="#additive-symbols" title="section 3.8">3.8</a></li><li>additive tuple, <a href="#additive-tuple" title="section 3.8">3.8</a></li><li>alphabetic, <a href="#alphabetic" title="section 3.1.4">3.1.4</a></li><li>armenian, <a href="#armenian" title="section 5.1">5.1</a></li><li>authoring tool, <a href="#authoring-tool" title="section ??">??</a></li><li>auto, <a href="#speak-as-auto" title="section 3.9">3.9</a></li><li>box-corner, <a href="#box-corner" title="section 3.1.2">3.1.2</a></li><li>bullet, <a href="#speak-as-symbolic" title="section 3.9">3.9</a></li><li>circle, <a href="#circle" title="section 5.3">5.3</a></li><li>circled-lower-latin, <a href="#circled-lower-latin" title="section 3.9">3.9</a></li><li>cjk-decimal, <a href="#cjk-decimal" title="section 5.1">5.1</a></li><li>counter style, <a href="#counter-style" title="section 2">2</a></li><li>@counter-style, <a href="#at-counter-style" title="section 3">3</a></li><li><counter-style-name>, <a href="#speak-as-counter-style" title="section 3.9">3.9</a></li><li>counter symbol, <a href="#counter-symbol" title="section 3.8">3.8</a></li><li>CSSCounterStyleRule, <a href="#csscounterstylerule" title="section 7.2">7.2</a></li><li>current tuple, <a href="#current-tuple" title="section 3.1.6">3.1.6</a></li><li>current tuple's, <a href="#current-tuple" title="section 3.1.6">3.1.6</a></li><li>cyclic, <a href="#cyclic" title="section 3.1.1">3.1.1</a></li><li>decimal, <a href="#decimal" title="section 5.1">5.1</a></li><li>decimal-leading-zero, <a href="#decimal-leading-zero" title="section 5.1">5.1</a></li><li>dice, <a href="#dice" title="section 3.1.6">3.1.6</a></li><li>disc, <a href="#disc" title="section 5.3">5.3</a></li><li>disclosure-closed, <a href="#disclosure-closed" title="section 5.3">5.3</a></li><li>disclosure-open, <a href="#disclosure-open" title="section 5.3">5.3</a></li><li>ethiopic-numeric, <a href="#ethiopic-numeric" title="section 6.2">6.2</a></li><li>fallback, <a href="#fallback" title="section 3.7">3.7</a></li><li>first symbol value, <a href="#first-symbol-value" title="section 3.1.2">3.1.2</a></li><li>fixed, <a href="#fixed" title="section 3.1.2">3.1.2</a></li><li>footnote, <a href="#footnote" title="section 3.1.3">3.1.3</a></li><li>generate a counter, <a href="#generate-a-counter-representation" title="section 2">2</a></li><li>generate a counter representation, <a href="#generate-a-counter-representation" title="section 2">2</a></li><li>georgian, <a href="#georgian" title="section 5.1">5.1</a></li><li>go, <a href="#go" title="section 3.1.4">3.1.4</a></li><li>hebrew, <a href="#hebrew" title="section 5.1">5.1</a></li><li>hiragana, <a href="#hiragana" title="section 5.2">5.2</a></li><li>hiragana-iroha, <a href="#hiragana-iroha" title="section 5.2">5.2</a></li><li>japanese-formal, <a href="#japanese-formal" title="section 6.1">6.1</a></li><li>japanese-informal, <a href="#japanese-informal" title="section 6.1">6.1</a></li><li>katakana, <a href="#katakana" title="section 5.2">5.2</a></li><li>katakana-iroha, <a href="#katakana-iroha" title="section 5.2">5.2</a></li><li>korean-hangul-formal, <a href="#korean-hangul-formal" title="section 6.1">6.1</a></li><li>korean-hanja-formal, <a href="#korean-hanja-formal" title="section 6.1">6.1</a></li><li>korean-hanja-informal, <a href="#korean-hanja-informal" title="section 6.1">6.1</a></li><li>lower-alpha, <a href="#lower-alpha" title="section 5.2">5.2</a></li><li>lower-greek, <a href="#lower-greek" title="section 5.2">5.2</a></li><li>lower-latin, <a href="#lower-latin" title="section 5.2">5.2</a></li><li>lower-roman, <a href="#lower-roman" title="section 5.1">5.1</a></li><li>negative, <a href="#negative" title="section 3.2">3.2</a></li><li>negative-capable, <a href="#negative-capable" title="section 3.2">3.2</a></li><li>numeric, <a href="#numeric" title="section 3.1.5">3.1.5</a></li><li>override, <a href="#override" title="section 3.1.7">3.1.7</a></li><li>prefix, <a href="#prefix" title="section 3.3">3.3</a></li><li>range, <a href="#range" title="section 3.5">3.5</a></li><li>renderer, <a href="#renderer" title="section ??">??</a></li><li>simp-chinese-formal, <a href="#simp-chinese-formal" title="section 6.1">6.1</a></li><li>simp-chinese-informal, <a href="#simp-chinese-informal" title="section 6.1">6.1</a></li><li>speak-as, <a href="#speak-as" title="section 3.9">3.9</a></li><li>speak as: alphabetic, <a href="#speak-as-alphabetic" title="section 3.9">3.9</a></li><li>speak as: numeric, <a href="#speak-as-numeric" title="section 3.9">3.9</a></li><li>square, <a href="#square" title="section 5.3">5.3</a></li><li>style sheet!!as conformance class, <a href="#style-sheet" title="section ??">??</a></li><li>suffix, <a href="#suffix" title="section 3.4">3.4</a></li><li><symbol>, <a href="#symbol-production" title="section 3.8">3.8</a></li><li>symbolic, <a href="#symbolic" title="section 3.1.3">3.1.3</a></li><li>symbols, <a href="#symbols" title="section 3.8">3.8</a></li><li><symbols-function>, <a href="#type-symbols-function" title="section 4">4</a></li><li>system, <a href="#system" title="section 3.1">3.1</a></li><li>trad-chinese-formal, <a href="#trad-chinese-formal" title="section 6.1">6.1</a></li><li>trad-chinese-informal, <a href="#trad-chinese-informal" title="section 6.1">6.1</a></li><li>triangle, <a href="#triangle" title="section 3.1.1">3.1.1</a></li><li>trinary, <a href="#trinary" title="section 3.1.5">3.1.5</a></li><li>upper-alpha, <a href="#upper-alpha" title="section 5.2">5.2</a></li><li>upper-alpha-legal, <a href="#upper-alpha-legal" title="section 3.1.3">3.1.3</a></li><li>upper-latin, <a href="#upper-latin" title="section 5.2">5.2</a></li><li>upper-roman, <a href="#upper-roman" title="section 5.1">5.1</a></li><li>width, <a href="#width" title="section 3.6">3.6</a></li></ul></div> 1.728 +<div data-fill-with="index"><ul class="indexlist"><li>additive, <a href="#additive" title="section 3.1.6">3.1.6</a></li><li>additive-symbols, <a href="#additive-symbols" title="section 3.8">3.8</a></li><li>additive tuple, <a href="#additive-tuple" title="section 3.8">3.8</a></li><li>alphabetic, <a href="#alphabetic" title="section 3.1.4">3.1.4</a></li><li>armenian, <a href="#armenian" title="section 5.1">5.1</a></li><li>auto, <a href="#speak-as-auto" title="section 3.9">3.9</a></li><li>box-corner, <a href="#box-corner" title="section 3.1.2">3.1.2</a></li><li>bullet, <a href="#speak-as-symbolic" title="section 3.9">3.9</a></li><li>circle, <a href="#circle" title="section 5.3">5.3</a></li><li>circled-lower-latin, <a href="#circled-lower-latin" title="section 3.9">3.9</a></li><li>cjk-decimal, <a href="#cjk-decimal" title="section 5.1">5.1</a></li><li>counter style, <a href="#counter-style" title="section 2">2</a></li><li>@counter-style, <a href="#at-counter-style" title="section 3">3</a></li><li><counter-style-name>, <a href="#speak-as-counter-style" title="section 3.9">3.9</a></li><li>counter symbol, <a href="#counter-symbol" title="section 3.8">3.8</a></li><li>CSSCounterStyleRule, <a href="#csscounterstylerule" title="section 7.2">7.2</a></li><li>current tuple, <a href="#current-tuple" title="section 3.1.6">3.1.6</a></li><li>current tuple's, <a href="#current-tuple" title="section 3.1.6">3.1.6</a></li><li>cyclic, <a href="#cyclic" title="section 3.1.1">3.1.1</a></li><li>decimal, <a href="#decimal" title="section 5.1">5.1</a></li><li>decimal-leading-zero, <a href="#decimal-leading-zero" title="section 5.1">5.1</a></li><li>dice, <a href="#dice" title="section 3.1.6">3.1.6</a></li><li>disc, <a href="#disc" title="section 5.3">5.3</a></li><li>disclosure-closed, <a href="#disclosure-closed" title="section 5.3">5.3</a></li><li>disclosure-open, <a href="#disclosure-open" title="section 5.3">5.3</a></li><li>ethiopic-numeric, <a href="#ethiopic-numeric" title="section 6.2">6.2</a></li><li>fallback, <a href="#fallback" title="section 3.7">3.7</a></li><li>fill, <a href="#fill" title="section 3.6">3.6</a></li><li>first symbol value, <a href="#first-symbol-value" title="section 3.1.2">3.1.2</a></li><li>fixed, <a href="#fixed" title="section 3.1.2">3.1.2</a></li><li>footnote, <a href="#footnote" title="section 3.1.3">3.1.3</a></li><li>generate a counter, <a href="#generate-a-counter-representation" title="section 2">2</a></li><li>generate a counter representation, <a href="#generate-a-counter-representation" title="section 2">2</a></li><li>georgian, <a href="#georgian" title="section 5.1">5.1</a></li><li>go, <a href="#go" title="section 3.1.4">3.1.4</a></li><li>hebrew, <a href="#hebrew" title="section 5.1">5.1</a></li><li>hiragana, <a href="#hiragana" title="section 5.2">5.2</a></li><li>hiragana-iroha, <a href="#hiragana-iroha" title="section 5.2">5.2</a></li><li>japanese-formal, <a href="#japanese-formal" title="section 6.1">6.1</a></li><li>japanese-informal, <a href="#japanese-informal" title="section 6.1">6.1</a></li><li>katakana, <a href="#katakana" title="section 5.2">5.2</a></li><li>katakana-iroha, <a href="#katakana-iroha" title="section 5.2">5.2</a></li><li>korean-hangul-formal, <a href="#korean-hangul-formal" title="section 6.1">6.1</a></li><li>korean-hanja-formal, <a href="#korean-hanja-formal" title="section 6.1">6.1</a></li><li>korean-hanja-informal, <a href="#korean-hanja-informal" title="section 6.1">6.1</a></li><li>lower-alpha, <a href="#lower-alpha" title="section 5.2">5.2</a></li><li>lower-greek, <a href="#lower-greek" title="section 5.2">5.2</a></li><li>lower-latin, <a href="#lower-latin" title="section 5.2">5.2</a></li><li>lower-roman, <a href="#lower-roman" title="section 5.1">5.1</a></li><li>negative, <a href="#negative" title="section 3.2">3.2</a></li><li>negative-capable, <a href="#negative-capable" title="section 3.2">3.2</a></li><li>numeric, <a href="#numeric" title="section 3.1.5">3.1.5</a></li><li>override, <a href="#override" title="section 3.1.7">3.1.7</a></li><li>prefix, <a href="#prefix" title="section 3.3">3.3</a></li><li>range, <a href="#range" title="section 3.5">3.5</a></li><li>simp-chinese-formal, <a href="#simp-chinese-formal" title="section 6.1">6.1</a></li><li>simp-chinese-informal, <a href="#simp-chinese-informal" title="section 6.1">6.1</a></li><li>speak-as, <a href="#speak-as" title="section 3.9">3.9</a></li><li>speak as: alphabetic, <a href="#speak-as-alphabetic" title="section 3.9">3.9</a></li><li>speak as: numeric, <a href="#speak-as-numeric" title="section 3.9">3.9</a></li><li>square, <a href="#square" title="section 5.3">5.3</a></li><li>suffix, <a href="#suffix" title="section 3.4">3.4</a></li><li><symbol>, <a href="#symbol-production" title="section 3.8">3.8</a></li><li>symbolic, <a href="#symbolic" title="section 3.1.3">3.1.3</a></li><li>symbols, <a href="#symbols" title="section 3.8">3.8</a></li><li><symbols-function>, <a href="#type-symbols-function" title="section 4">4</a></li><li>system, <a href="#system" title="section 3.1">3.1</a></li><li>trad-chinese-formal, <a href="#trad-chinese-formal" title="section 6.1">6.1</a></li><li>trad-chinese-informal, <a href="#trad-chinese-informal" title="section 6.1">6.1</a></li><li>triangle, <a href="#triangle" title="section 3.1.1">3.1.1</a></li><li>trinary, <a href="#trinary" title="section 3.1.5">3.1.5</a></li><li>upper-alpha, <a href="#upper-alpha" title="section 5.2">5.2</a></li><li>upper-alpha-legal, <a href="#upper-alpha-legal" title="section 3.1.3">3.1.3</a></li><li>upper-latin, <a href="#upper-latin" title="section 5.2">5.2</a></li><li>upper-roman, <a href="#upper-roman" title="section 5.1">5.1</a></li></ul></div> 1.729 1.730 <h2 id="property-index" class="no-num no-ref"> 1.731 Property index</h2> 1.732 -<div data-fill-with="property-index"><table class="proptable"><thead><tr><th scope="col">Name</th><th scope="col">Values</th><th scope="col">Initial</th><th scope="col">Applies To</th><th scope="col">Inh.</th><th scope="col">%ages</th><th scope="col">Media</th><th scope="col">Value</th></tr><tr><th scope="row"><a data-property="" data-autolink="link" href="#speak-as">speak-as</a></th><td></td><td>auto 1.733 - </td><td></td><td></td><td></td><td></td><td>auto | numeric | alphabetic | bullet | <counter-style-name> 1.734 - </counter-style-name></td></tr><tr><th scope="row"><a data-property="" data-autolink="link" href="#suffix">suffix</a></th><td></td><td>"\2E" ("." full stop) 1.735 - </td><td></td><td></td><td></td><td></td><td><var><symbol></var> 1.736 - </td></tr><tr><th scope="row"><a data-property="" data-autolink="link" href="#prefix">prefix</a></th><td></td><td>"" (the empty string)</td><td></td><td></td><td></td><td></td><td><a data-autolink="link" class="production" href="#symbol-production"><var><symbol></var></a></td></tr><tr><th scope="row"><a data-property="" data-autolink="link" href="#system">system</a></th><td></td><td>symbolic 1.737 - </td><td></td><td></td><td></td><td></td><td>cyclic | numeric | alphabetic | symbolic | additive | <span class="nobr">[fixed <integer>?]</span> | <span class="nobr">[ override <counter-style-name> ]</span> 1.738 - </td></tr><tr><th scope="row"><a data-property="" data-autolink="link" href="#symbols">symbols</a></th><td></td><td>N/A 1.739 - </td><td></td><td></td><td></td><td></td><td><var><symbol></var>+ 1.740 - </td></tr><tr><th scope="row"><a data-property="" data-autolink="link" href="#width">width</a></th><td></td><td>0 "" 1.741 - </td><td></td><td></td><td></td><td></td><td><var><integer></var> && <var><symbol></var> 1.742 - </td></tr><tr><th scope="row"><a data-property="" data-autolink="link" href="#range">range</a></th><td></td><td>auto 1.743 - </td><td></td><td></td><td></td><td></td><td>[ [ <integer> | infinite ]{2} ]# | auto 1.744 - </integer></td></tr><tr><th scope="row"><a data-property="" data-autolink="link" href="#negative">negative</a></th><td></td><td>"\2D" ("-" hyphen-minus)</td><td></td><td></td><td></td><td></td><td><a data-autolink="link" class="production" href="#symbol-production"><var><symbol></var></a> <a data-autolink="link" class="production" href="#symbol-production"><var><symbol></var></a>?</td></tr><tr><th scope="row"><a data-property="" data-autolink="link" href="#additive-symbols">additive-symbols</a></th><td></td><td>N/A 1.745 - </td><td></td><td></td><td></td><td></td><td>[ <var><integer></var> && <var><symbol></var> ]# 1.746 - </td></tr><tr><th scope="row"><a data-property="" data-autolink="link" href="#fallback">fallback</a></th><td></td><td>decimal 1.747 - </td><td></td><td></td><td></td><td></td><td><counter-style-name> 1.748 - </counter-style-name></td></tr></thead></table></div> 1.749 +<div data-fill-with="property-index"><table class="proptable"><thead><tr><th scope="col">Name</th><th scope="col">Value</th><th scope="col">Initial</th><th scope="col">Applies To</th><th scope="col">Inh.</th><th scope="col">%ages</th><th scope="col">Media</th></tr><tr><th scope="row"><a data-property="">speak-as</a></th><td>auto | numeric | alphabetic | bullet | <counter-style-name> 1.750 + </counter-style-name></td><td>auto 1.751 + </td><td></td><td></td><td></td><td></td></tr><tr><th scope="row"><a data-property="">suffix</a></th><td><var><symbol></var> 1.752 + </td><td>"\2E" ("." full stop) 1.753 + </td><td></td><td></td><td></td><td></td></tr><tr><th scope="row"><a data-property="">prefix</a></th><td><a data-autolink="link" class="production"><var><symbol></var></a></td><td>"" (the empty string)</td><td></td><td></td><td></td><td></td></tr><tr><th scope="row"><a data-property="">system</a></th><td>cyclic | numeric | alphabetic | symbolic | additive | <span class="nobr">[fixed <integer>?]</span> | <span class="nobr">[ override <counter-style-name> ]</span> 1.754 + </td><td>symbolic 1.755 + </td><td></td><td></td><td></td><td></td></tr><tr><th scope="row"><a data-property="">symbols</a></th><td><var><symbol></var>+ 1.756 + </td><td>N/A 1.757 + </td><td></td><td></td><td></td><td></td></tr><tr><th scope="row"><a data-property="">range</a></th><td>[ [ <integer> | infinite ]{2} ]# | auto 1.758 + </integer></td><td>auto 1.759 + </td><td></td><td></td><td></td><td></td></tr><tr><th scope="row"><a data-property="">negative</a></th><td><a data-autolink="link" class="production"><var><symbol></var></a> <a data-autolink="link" class="production"><var><symbol></var></a>?</td><td>"\2D" ("-" hyphen-minus)</td><td></td><td></td><td></td><td></td></tr><tr><th scope="row"><a data-property="">additive-symbols</a></th><td>[ <var><integer></var> && <var><symbol></var> ]# 1.760 + </td><td>N/A 1.761 + </td><td></td><td></td><td></td><td></td></tr><tr><th scope="row"><a data-property="">fallback</a></th><td><counter-style-name> 1.762 + </counter-style-name></td><td>decimal 1.763 + </td><td></td><td></td><td></td><td></td></tr><tr><th scope="row"><a data-property="">fill</a></th><td><var><integer></var> && <var><symbol></var> 1.764 + </td><td>0 "" 1.765 + </td><td></td><td></td><td></td><td></td></tr></thead></table></div> 1.766 1.767 1.768 </body></html> 1.769 \ No newline at end of file
2.1 --- a/css-counter-styles/Overview.src.html Thu May 30 21:49:38 2013 +0200 2.2 +++ b/css-counter-styles/Overview.src.html Thu May 30 13:19:44 2013 -0700 2.3 @@ -11,6 +11,8 @@ 2.4 Abstract: This module introduces the ‘@counter-style’ rule, which allows authors to define their own custom counter styles for use with CSS list-marker and generated-content counters [[CSS3LIST]]. It also predefines a set of common counter styles, including the ones present in CSS2 and CSS2.1. 2.5 Issue Tracking: <a href="https://www.w3.org/Bugs/Public/buglist.cgi?product=CSS&component=Counter%20Styles&resolution=---">Bugzilla</a> 2.6 At Risk: the counter styles ''cjk-decimal'', ''hebrew'', ''hiragana'', ''hiragana-iroha'', ''katakana'', ''katakana-iroha'', ''japanese-informal'', ''japanese-formal'', ''korean-hangul-formal'', ''korean-hanja-informal'', ''korean-hanja-formal'', ''simp-chinese-informal'', ''simp-chinese-formal'', ''trad-chinese-informal'', ''trad-chinese-formal'', and ''ethiopic-numeric''. 2.7 +Ignored Properties: content, list-style-type, list-style 2.8 +Ignored Terms: <image>, <integer>, <string> 2.9 </pre> 2.10 <style> 2.11 pre.stylesheet { white-space: pre-wrap; } 2.12 @@ -90,8 +92,8 @@ 2.13 instead generate an initial representation using the absolute value of the counter value. 2.14 2.15 <li> 2.16 - If the representation uses less symbols than specified in the counter style's 'width' descriptor, 2.17 - prepend symbols to the representation as specified in the 'width' descriptor. 2.18 + If the representation uses less symbols than specified in the counter style's 'fill' descriptor, 2.19 + prepend symbols to the representation as specified in the 'fill' descriptor. 2.20 2.21 <li> 2.22 If the counter value is negative 2.23 @@ -106,7 +108,7 @@ 2.24 Note: the prefix and suffix don't play a part in this algorithm. 2.25 This is intentional; 2.26 the prefix and suffix aren't part of the string returned by the counter() or counters() functions. 2.27 - Instead, the prefix and suffix are added by the algorithm that constructs the value of the 'contents' property for the ''::marker'' pseudo-element. 2.28 + Instead, the prefix and suffix are added by the algorithm that constructs the value of the 'content' property for the ''::marker'' pseudo-element. 2.29 This also implies that the prefix and suffix always come from the specified counter-style, 2.30 even if the actual representation is constructed by a fallback style. 2.31 2.32 @@ -209,7 +211,7 @@ 2.33 @counter-style <dfn>triangle</dfn> { 2.34 system: cyclic; 2.35 symbols: ‣; 2.36 - suffix: ''; 2.37 + suffix: ""; 2.38 } 2.39 </pre> 2.40 2.41 @@ -303,7 +305,7 @@ 2.42 @counter-style <dfn>footnote</dfn> { 2.43 system: symbolic; 2.44 symbols: '*' ⁑ † ‡; 2.45 - suffix: ''; 2.46 + suffix: ""; 2.47 } 2.48 </pre> 2.49 2.50 @@ -389,20 +391,20 @@ 2.51 @counter-style <dfn>go</dfn> { 2.52 system: alphabetic; 2.53 symbols: url(white.svg) url(black.svg); 2.54 - suffix: ''; 2.55 + suffix: ""; 2.56 } 2.57 </pre> 2.58 2.59 It will then produce lists that look like: 2.60 2.61 <div class='alphabetic-example'> 2.62 - <span><img src=images/white.svg alt=''></span> One<br> 2.63 - <span><img src=images/black.svg alt=''></span> Two<br> 2.64 - <span><img src=images/white.svg alt=''><img src=images/white.svg alt=''></span> Three<br> 2.65 - <span><img src=images/white.svg alt=''><img src=images/black.svg alt=''></span> Four<br> 2.66 - <span><img src=images/black.svg alt=''><img src=images/white.svg alt=''></span> Five<br> 2.67 - <span><img src=images/black.svg alt=''><img src=images/black.svg alt=''></span> Six<br> 2.68 - <span><img src=images/white.svg alt=''><img src=images/white.svg alt=''><img src=images/white.svg alt=''></span> Seven 2.69 + <span><img src=images/white.svg alt=""></span> One<br> 2.70 + <span><img src=images/black.svg alt=""></span> Two<br> 2.71 + <span><img src=images/white.svg alt=""><img src=images/white.svg alt=""></span> Three<br> 2.72 + <span><img src=images/white.svg alt=""><img src=images/black.svg alt=""></span> Four<br> 2.73 + <span><img src=images/black.svg alt=""><img src=images/white.svg alt=""></span> Five<br> 2.74 + <span><img src=images/black.svg alt=""><img src=images/black.svg alt=""></span> Six<br> 2.75 + <span><img src=images/white.svg alt=""><img src=images/white.svg alt=""><img src=images/white.svg alt=""></span> Seven 2.76 </div> 2.77 2.78 Note: This example requires support for SVG images to display correctly. 2.79 @@ -516,7 +518,7 @@ 2.80 @counter-style <dfn>dice</dfn> { 2.81 system: additive; 2.82 additive-symbols: 6 ⚅, 5 ⚄, 4 ⚃, 3 ⚂, 2 ⚁, 1 ⚀; 2.83 - suffix: ''; 2.84 + suffix: ""; 2.85 } 2.86 </pre> 2.87 2.88 @@ -713,13 +715,13 @@ 2.89 it must be treated as the closest bound that the implementation does support. 2.90 2.91 2.92 -<h3 id='counter-style-width'> 2.93 -Zero-Padding and Constant-Width Representations: the 'width' descriptor</h3> 2.94 +<h3 id='counter-style-fill'> 2.95 +Zero-Padding and Constant-Width Representations: the 'fill' descriptor</h3> 2.96 2.97 <table class='descdef'> 2.98 <tr> 2.99 <th>Name: 2.100 - <td><dfn>width</dfn> 2.101 + <td><dfn>fill</dfn> 2.102 <tr> 2.103 <th>Value: 2.104 <td><var><integer></var> && <var><symbol></var> 2.105 @@ -728,25 +730,25 @@ 2.106 <td>0 "" 2.107 </table> 2.108 2.109 - The 'width' descriptor allows an author to specify a "fixed-width" counter style, 2.110 - where representations shorter than the width are padded with a particular <<symbol>>. 2.111 - Representations larger than the specified width are constructed as normal. 2.112 + The 'fill' descriptor allows an author to specify a "fixed-width" counter style, 2.113 + where representations shorter than the fill are padded with a particular <<symbol>>. 2.114 + Representations larger than the specified fill are constructed as normal. 2.115 2.116 <dl> 2.117 <dt><<integer>> && <<symbol>> 2.118 <dd> 2.119 - The <<integer>> specifies a minimum width that all counter representations must reach. 2.120 + The <<integer>> specifies a minimum number of <<symbol>>s that all counter representations must reach. 2.121 If a counter representation would be generated using less <<symbol>>s than the specified <<integer>> 2.122 (before adding prefixes/suffixes/negatives), 2.123 prepend copies of the specified <<symbol>> to the representation 2.124 - until the number of symbols reaches the specified width. 2.125 + until the number of symbols reaches the specified fill. 2.126 2.127 The <<integer>> must be non-negative. 2.128 A negative value is a syntax error. 2.129 2.130 If the counter value is negative 2.131 and the counter style is <i>negative-capable</i>, 2.132 - treat the minimum width as being one or two smaller when determining how many copies to prepend, 2.133 + treat the minimum number of <<symbol>>s as being one or two smaller when determining how many copies to prepend, 2.134 depending on whether the 'negative' descriptor's value is one or two <var><symbol></var>s. 2.135 </dl> 2.136 2.137 @@ -764,13 +766,13 @@ 2.138 and -5 to be represented as "-05". 2.139 </div> 2.140 2.141 - Note: The 'width' descriptor counts the number of <em><<symbol>>s</em> used to construct the representation, 2.142 + Note: The 'fill' descriptor counts the number of <em><<symbol>>s</em> used to construct the representation, 2.143 not the number of characters, 2.144 and also pads the representation with <<symbol>>s. 2.145 For many styles, the distinction is irrelevant, 2.146 as all the <<symbol>>s are single-chararacter, 2.147 but if a style uses multi-character <<symbol>>s, 2.148 - care must be taken not to accidentally specify 'width' in terms of characters. 2.149 + care must be taken not to accidentally specify 'fill' in terms of characters. 2.150 2.151 2.152 <h3 id='counter-style-fallback'> 2.153 @@ -944,7 +946,7 @@ 2.154 system: alphabetic; 2.155 speak-as: lower-latin; 2.156 symbols: ⓐ ⓑ ⓒ ⓓ ⓔ ⓕ ⓖ ⓗ ⓘ ⓙ ⓚ ⓛ ⓜ ⓝ ⓞ ⓟ ⓠ ⓡ ⓢ ⓣ ⓤ ⓥ ⓦ ⓧ ⓨ ⓩ; 2.157 - suffix: ''; 2.158 + suffix: ""; 2.159 } 2.160 </pre> 2.161 2.162 @@ -1286,32 +1288,32 @@ 2.163 system: cyclic; 2.164 symbols: \2022; 2.165 /* • */ 2.166 - suffix: ''; 2.167 + suffix: ""; 2.168 } 2.169 2.170 @counter-style circle { 2.171 system: cyclic; 2.172 symbols: \25E6; 2.173 /* ◦ */ 2.174 - suffix: ''; 2.175 + suffix: ""; 2.176 } 2.177 2.178 @counter-style square { 2.179 system: cyclic; 2.180 symbols: \25FE; 2.181 /* ◾ */ 2.182 - suffix: ''; 2.183 + suffix: ""; 2.184 } 2.185 2.186 @counter-style disclosure-open { 2.187 system: cyclic; 2.188 - suffix: ''; 2.189 + suffix: ""; 2.190 /* for symbols, see normative text below */ 2.191 } 2.192 2.193 @counter-style disclosure-closed { 2.194 system: cyclic; 2.195 - suffix: ''; 2.196 + suffix: ""; 2.197 /* for symbols, see normative text below */ 2.198 } 2.199 </pre> 2.200 @@ -2365,7 +2367,7 @@ 2.201 <ul> 2.202 <li>All counter systems can now handle negative values. 2.203 2.204 - <li>The 'width' descriptor was added, to handle things like zero-padding integers. 2.205 + <li>The 'fill' descriptor was added, to handle things like zero-padding integers. 2.206 2.207 <li>The 'speak-as' descriptor was added, to control how generated counters should be spoken by speech UAs. 2.208 2.209 @@ -2418,49 +2420,49 @@ 2.210 system: cyclic; 2.211 symbols: '\25FD'; 2.212 /* '◽' */ 2.213 - suffix: ''; 2.214 + suffix: ""; 2.215 } 2.216 2.217 @counter-style <dfn>check</dfn> { 2.218 system: cyclic; 2.219 symbols: '\2713'; 2.220 /* '✓' */ 2.221 - suffix: ''; 2.222 + suffix: ""; 2.223 } 2.224 2.225 @counter-style <dfn>circle</dfn> { 2.226 system: cyclic; 2.227 symbols: '\25E6'; 2.228 /* '◦' */ 2.229 - suffix: ''; 2.230 + suffix: ""; 2.231 } 2.232 2.233 @counter-style <dfn>diamond</dfn> { 2.234 system: cyclic; 2.235 symbols: '\25C6'; 2.236 /* '◆' */ 2.237 - suffix: ''; 2.238 + suffix: ""; 2.239 } 2.240 2.241 @counter-style <dfn>disc</dfn> { 2.242 system: cyclic; 2.243 symbols: '\2022'; 2.244 /* '•' */ 2.245 - suffix: ''; 2.246 + suffix: ""; 2.247 } 2.248 2.249 @counter-style <dfn>dash</dfn> { 2.250 system: cyclic; 2.251 symbols: '\2043'; 2.252 /* '⁃' */ 2.253 - suffix: ''; 2.254 + suffix: ""; 2.255 } 2.256 2.257 @counter-style <dfn>square</dfn> { 2.258 system: cyclic; 2.259 symbols: '\25FE'; 2.260 /* '◾' */ 2.261 - suffix: ''; 2.262 + suffix: ""; 2.263 }</bdo></code></pre> 2.264 2.265 <h3 id='predefined-numeric'> 2.266 @@ -3014,7 +3016,7 @@ 2.267 system: symbolic; 2.268 symbols: '\2A'; 2.269 /* '*' */ 2.270 - suffix: ''; 2.271 + suffix: ""; 2.272 } 2.273 2.274 @counter-style <dfn>lower-alpha-symbolic</dfn> { 2.275 @@ -3037,35 +3039,35 @@ 2.276 system: fixed 0; 2.277 symbols: '\24EA' '\2460' '\2461' '\2462' '\2463' '\2464' '\2465' '\2466' '\2467' '\2468' '\2469' '\246A' '\246B' '\246C' '\246D' '\246E' '\246F' '\2470' '\2471' '\2472' '\2473' '\3251' '\3252' '\3253' '\3254' '\3255' '\3256' '\3257' '\3258' '\3259' '\325a' '\325b' '\325c' '\325d' '\325e' '\325f' '\32b1' '\32b2' '\32b3' '\32b4' '\32b5' '\32b6' '\32b7' '\32b8' '\32b9' '\32ba' '\32bb' '\32bc' '\32bd' '\32be' '\32bf'; 2.278 /* '⓪' '①' '②' '③' '④' '⑤' '⑥' '⑦' '⑧' '⑨' '⑩' '⑪' '⑫' '⑬' '⑭' '⑮' '⑯' '⑰' '⑱' '⑲' '⑳' '㉑' '㉒' '㉓' '㉔' '㉕' '㉖' '㉗' '㉘' '㉙' '㉚' '㉛' '㉜' '㉝' '㉞' '㉟' '㊱' '㊲' '㊳' '㊴' '㊵' '㊶' '㊷' '㊸' '㊹' '㊺' '㊻' '㊼' '㊽' '㊾' '㊿' */ 2.279 - suffix: ''; 2.280 + suffix: ""; 2.281 } 2.282 2.283 @counter-style <dfn>circled-lower-latin</dfn> { 2.284 system: fixed; 2.285 symbols: '\24D0' '\24D1' '\24D2' '\24D3' '\24D4' '\24D5' '\24D6' '\24D7' '\24D8' '\24D9' '\24DA' '\24DB' '\24DC' '\24DD' '\24DE' '\24DF' '\24E0' '\24E1' '\24E2' '\24E3' '\24E4' '\24E5' '\24E6' '\24E7' '\24E8' '\24E9'; 2.286 /* 'ⓐ' 'ⓑ' 'ⓒ' 'ⓓ' 'ⓔ' 'ⓕ' 'ⓖ' 'ⓗ' 'ⓘ' 'ⓙ' 'ⓚ' 'ⓛ' 'ⓜ' 'ⓝ' 'ⓞ' 'ⓟ' 'ⓠ' 'ⓡ' 'ⓢ' 'ⓣ' 'ⓤ' 'ⓥ' 'ⓦ' 'ⓧ' 'ⓨ' 'ⓩ' */ 2.287 - suffix: ''; 2.288 + suffix: ""; 2.289 } 2.290 2.291 @counter-style <dfn>circled-upper-latin</dfn> { 2.292 system: fixed; 2.293 symbols: '\24B6' '\24B7' '\24B8' '\24B9' '\24BA' '\24BB' '\24BC' '\24BD' '\24BE' '\24BF' '\24C0' '\24C1' '\24C2' '\24C3' '\24C4' '\24C5' '\24C6' '\24C7' '\24C8' '\24C9' '\24CA' '\24CB' '\24CC' '\24CD' '\24CE' '\24CF'; 2.294 /* 'Ⓐ' 'Ⓑ' 'Ⓒ' 'Ⓓ' 'Ⓔ' 'Ⓕ' 'Ⓖ' 'Ⓗ' 'Ⓘ' 'Ⓙ' 'Ⓚ' 'Ⓛ' 'Ⓜ' 'Ⓝ' 'Ⓞ' 'Ⓟ' 'Ⓠ' 'Ⓡ' 'Ⓢ' 'Ⓣ' 'Ⓤ' 'Ⓥ' 'Ⓦ' 'Ⓧ' 'Ⓨ' 'Ⓩ' */ 2.295 - suffix: ''; 2.296 + suffix: ""; 2.297 } 2.298 2.299 @counter-style <dfn>circled-korean-consonant</dfn> { 2.300 system: fixed; 2.301 symbols: '\3260' '\3261' '\3262' '\3263' '\3264' '\3265' '\3266' '\3267' '\3268' '\3269' '\326A' '\326B' '\326C' '\326D'; 2.302 /* '㉠' '㉡' '㉢' '㉣' '㉤' '㉥' '㉦' '㉧' '㉨' '㉩' '㉪' '㉫' '㉬' '㉭' */ 2.303 - suffix: ''; 2.304 + suffix: ""; 2.305 } 2.306 2.307 @counter-style <dfn>circled-korean-syllable</dfn> { 2.308 system: fixed; 2.309 symbols: '\326E' '\326F' '\3270' '\3271' '\3272' '\3273' '\3274' '\3275' '\3276' '\3277' '\3278' '\3279' '\327A' '\327B'; 2.310 /* '㉮' '㉯' '㉰' '㉱' '㉲' '㉳' '㉴' '㉵' '㉶' '㉷' '㉸' '㉹' '㉺' '㉻' */ 2.311 - suffix: ''; 2.312 + suffix: ""; 2.313 } 2.314 2.315 @counter-style <dfn>decimal-leading-zero</dfn> { 2.316 @@ -3078,63 +3080,63 @@ 2.317 system: fixed; 2.318 symbols: '\2488' '\2489' '\248A' '\248B' '\248C' '\248D' '\248E' '\248F' '\2490' '\2491' '\2492' '\2493' '\2494' '\2495' '\2496' '\2497' '\2498' '\2499' '\249A' '\249B'; 2.319 /* '⒈' '⒉' '⒊' '⒋' '⒌' '⒍' '⒎' '⒏' '⒐' '⒑' '⒒' '⒓' '⒔' '⒕' '⒖' '⒗' '⒘' '⒙' '⒚' '⒛' */ 2.320 - suffix: ''; 2.321 + suffix: ""; 2.322 } 2.323 2.324 @counter-style <dfn>double-circled-decimal</dfn> { 2.325 system: fixed; 2.326 symbols: '\24F5' '\24F6' '\24F7' '\24F8' '\24F9' '\24FA' '\24FB' '\24FC' '\24FD' '\24FE'; 2.327 /* '⓵' '⓶' '⓷' '⓸' '⓹' '⓺' '⓻' '⓼' '⓽' '⓾' */ 2.328 - suffix: ''; 2.329 + suffix: ""; 2.330 } 2.331 2.332 @counter-style <dfn>filled-circled-decimal</dfn> { 2.333 system: fixed; 2.334 symbols: '\2776' '\2777' '\2778' '\2779' '\277a' '\277b' '\277c' '\277d' '\277e' '\277f' '\24EB' '\24EC' '\24ED' '\24EE' '\24EF' '\24F0' '\24F1' '\24F2' '\24F3' '\24F4'; 2.335 /* '❶' '❷' '❸' '❹' '❺' '❻' '❼' '❽' '❾' '❿' '⓫' '⓬' '⓭' '⓮' '⓯' '⓰' '⓱' '⓲' '⓳' '⓴' */ 2.336 - suffix: ''; 2.337 + suffix: ""; 2.338 } 2.339 2.340 @counter-style <dfn>fullwidth-upper-roman</dfn> { 2.341 system: fixed; 2.342 symbols: '\2160' '\2161' '\2162' '\2163' '\2164' '\2165' '\2166' '\2167' '\2168' '\2169' '\216A' '\216B'; 2.343 /* 'Ⅰ' 'Ⅱ' 'Ⅲ' 'Ⅳ' 'Ⅴ' 'Ⅵ' 'Ⅶ' 'Ⅷ' 'Ⅸ' 'Ⅹ' 'Ⅺ' 'Ⅻ' */ 2.344 - suffix: ''; 2.345 + suffix: ""; 2.346 } 2.347 2.348 @counter-style <dfn>fullwidth-lower-roman</dfn> { 2.349 system: fixed; 2.350 symbols: '\2170' '\2171' '\2172' '\2173' '\2174' '\2175' '\2176' '\2177' '\2178' '\2179' '\217A' '\217B'; 2.351 /* 'ⅰ' 'ⅱ' 'ⅲ' 'ⅳ' 'ⅴ' 'ⅵ' 'ⅶ' 'ⅷ' 'ⅸ' 'ⅹ' 'ⅺ' 'ⅻ' */ 2.352 - suffix: ''; 2.353 + suffix: ""; 2.354 } 2.355 2.356 @counter-style <dfn>parenthesized-decimal</dfn> { 2.357 system: fixed; 2.358 symbols: '\2474' '\2475' '\2476' '\2477' '\2478' '\2479' '\247A' '\247B' '\247C' '\247D' '\247E' '\247F' '\2480' '\2481' '\2482' '\2483' '\2484' '\2485' '\2486' '\2487'; 2.359 /* '⑴' '⑵' '⑶' '⑷' '⑸' '⑹' '⑺' '⑻' '⑼' '⑽' '⑾' '⑿' '⒀' '⒁' '⒂' '⒃' '⒄' '⒅' '⒆' '⒇' */ 2.360 - suffix: ''; 2.361 + suffix: ""; 2.362 } 2.363 2.364 @counter-style <dfn>parenthesized-lower-latin</dfn> { 2.365 system: fixed; 2.366 symbols: '\249C' '\249D' '\249E' '\249F' '\24A0' '\24A1' '\24A2' '\24A3' '\24A4' '\24A5' '\24A6' '\24A7' '\24A8' '\24A9' '\24AA' '\24AB' '\24AC' '\24AD' '\24AE' '\24AF' '\24B0' '\24B1' '\24B2' '\24B3' '\24B4' '\24B5'; 2.367 /* '⒜' '⒝' '⒞' '⒟' '⒠' '⒡' '⒢' '⒣' '⒤' '⒥' '⒦' '⒧' '⒨' '⒩' '⒪' '⒫' '⒬' '⒭' '⒮' '⒯' '⒰' '⒱' '⒲' '⒳' '⒴' '⒵' */ 2.368 - suffix: ''; 2.369 + suffix: ""; 2.370 } 2.371 2.372 @counter-style <dfn>parenthesized-hangul-consonant</dfn> { 2.373 system: fixed; 2.374 symbols: '\3200' '\3201' '\3202' '\3203' '\3204' '\3205' '\3206' '\3207' '\3208' '\3209' '\320A' '\320B' '\320C' '\320D'; 2.375 /* '㈀' '㈁' '㈂' '㈃' '㈄' '㈅' '㈆' '㈇' '㈈' '㈉' '㈊' '㈋' '㈌' '㈍' */ 2.376 - suffix: ''; 2.377 + suffix: ""; 2.378 } 2.379 2.380 @counter-style <dfn>parenthesized-hangul-syllable</dfn> { 2.381 system: fixed; 2.382 symbols: '\320E' '\320F' '\3210' '\3211' '\3212' '\3213' '\3214' '\3215' '\3216' '\3217' '\3218' '\3219' '\321A'; 2.383 /* '㈎' '㈏' '㈐' '㈑' '㈒' '㈓' '㈔' '㈕' '㈖' '㈗' '㈘' '㈙' '㈚' */ 2.384 - suffix: ''; 2.385 + suffix: ""; 2.386 } 2.387 2.388 @counter-style <dfn>persian-abjad</dfn> {