Skip to content

Commit 053ffec

Browse files
committed
[css-counter-styles] Markup tweaks. Make it clearer that 'decimal' not being overridable is a MUST-level requirement.
--HG-- extra : rebase_source : 66504df99a31f587c96b63ac46a838017c63d644
1 parent 8d41a83 commit 053ffec

File tree

2 files changed

+62
-27
lines changed

2 files changed

+62
-27
lines changed

css-counter-styles/Overview.html

+16-15
Original file line numberDiff line numberDiff line change
@@ -1162,7 +1162,7 @@ <h2 id=symbols-function><span class=secno>2. </span> Defining Anonymous
11621162
Counter Styles: the ‘<a href="#descdef-symbols"><code
11631163
class=css>symbols()</code></a>’ function</h2>
11641164

1165-
<p>The previous chapter specified a way to define custom counter styles.
1165+
<p> The previous chapter specified a way to define custom counter styles.
11661166
However, counter styles are sometimes used only once in a stylesheet, and
11671167
defining a full ‘<code class=css>@counter-style</code>’ rule can be
11681168
overkill for this case (not to mention the possibility of unintentional
@@ -1175,22 +1175,22 @@ <h2 id=symbols-function><span class=secno>2. </span> Defining Anonymous
11751175
class=css>symbols()</code></a>’ rule is:
11761176

11771177
<pre><dfn
1178-
id=type-symbols-function>&lt;symbols-function></dfn> = symbols( &lt;type>? [ &lt;string> | &lt;image> ]+ )</pre>
1178+
id=type-symbols-function>&lt;symbols-function></dfn> = symbols( &lt;symbols-type>? [ &lt;string> | &lt;image> ]+ )</pre>
11791179

1180-
<p>Where &lt;type> is one of the following keywords: ‘<code
1180+
<p> Where &lt;symbols-type> is one of the following keywords: ‘<code
11811181
class=css>repeating</code>’, ‘<code class=css>numeric</code>’,
11821182
<code class=css>alphabetic</code>’, ‘<code
11831183
class=css>symbolic</code>’, or ‘<code
11841184
class=css>non-repeating</code>’.
11851185

1186-
<p>The ‘<a href="#descdef-symbols"><code
1186+
<p> The ‘<a href="#descdef-symbols"><code
11871187
class=css>symbols()</code></a>’ function defines an anonymous counter
11881188
style with no <a href="#name"><i title=counter-name>name</i></a>, a <a
11891189
href="#prefix"><i title=counter-prefix>prefix</i></a> and <a
11901190
href="#suffix"><i title=counter-suffix>suffix</i></a> of ‘<code
11911191
class=css>""</code>’ (the empty string), a <a href="#range"><i
11921192
title=counter-range>range</i></a> from negative infinity to positive
1193-
infinity, an <a href="#fallback-style"><i title=counter-fallback>fallback
1193+
infinity, n <a href="#fallback-style"><i title=counter-fallback>fallback
11941194
style</i></a> of ‘<a href="#decimal"><code
11951195
class=css>decimal</code></a>’, and a <a href="#negative-sign"><i
11961196
title=counter-negative>negative sign</i></a> of "\2D" ("-" hyphen-minus).
@@ -1205,11 +1205,11 @@ <h2 id=symbols-function><span class=secno>2. </span> Defining Anonymous
12051205
class=css>1</code>’.
12061206

12071207
<div class=example>
1208-
<p>This code:
1208+
<p> This code:
12091209

12101210
<pre>ol { list-style: symbols("*" "\2020" "\2021" "\A7"); }</pre>
12111211

1212-
<p>will produce lists that look like:
1212+
<p> will produce lists that look like:
12131213

12141214
<pre>
12151215
* One
@@ -1220,11 +1220,11 @@ <h2 id=symbols-function><span class=secno>2. </span> Defining Anonymous
12201220
†† Six
12211221
‡‡ Seven</pre>
12221222

1223-
<p>On the other hand, specifying the type of counter, like so:
1223+
<p> On the other hand, specifying the type of counter, like so:
12241224

12251225
<pre>ol { list-style: symbols(repeating "*" "\2020" "\2021" "\A7"); }</pre>
12261226

1227-
<p>will produce lists that look like:
1227+
<p> will produce lists that look like:
12281228

12291229
<pre>
12301230
* One
@@ -1236,7 +1236,7 @@ <h2 id=symbols-function><span class=secno>2. </span> Defining Anonymous
12361236
‡ Seven</pre>
12371237
</div>
12381238

1239-
<p class=note>Note that the ‘<a href="#descdef-symbols"><code
1239+
<p class=note> Note that the ‘<a href="#descdef-symbols"><code
12401240
class=css>symbols()</code></a>’ function only allows strings and images,
12411241
while the ‘<a href="#descdef-symbols"><code
12421242
class=property>symbols</code></a>’ descriptor of a ‘<code
@@ -1267,9 +1267,10 @@ <h2 id=symbols-function><span class=secno>2. </span> Defining Anonymous
12671267
<h2 id=predefined-counters><span class=secno>3. </span> Simple Predefined
12681268
Counter Styles</h2>
12691269

1270-
<p>The following stylesheet redefines all of the counter styles defined in
1271-
CSS 2.1 using the ‘<code class=css>@counter-style</code>’ rule. This
1272-
stylesheet is normative - UAs must include it in their UA stylesheet.
1270+
<p> The following stylesheet uses the ‘<code
1271+
class=css>@counter-style</code>’ rule to redefine all of the counter
1272+
styles defined in CSS 2 and CSS 2.1, plus This stylesheet is normative -
1273+
UAs must include it in their UA stylesheet.
12731274

12741275
<h3 id=simple-numeric><span class=secno>3.1. </span> Numeric: ‘<a
12751276
href="#decimal"><code class=css>decimal</code></a>’, ‘<a
@@ -1342,8 +1343,8 @@ <h3 id=simple-numeric><span class=secno>3.1. </span> Numeric: ‘<a
13421343
}</bdo></pre>
13431344

13441345
<p> The ‘<a href="#decimal"><code class=css>decimal</code></a>
1345-
counter-style is not overridable with a @counter-style rule, so that it is
1346-
always available as an ultimate fallback style.
1346+
counter-style must not be overridable with a @counter-style rule, so that
1347+
it is always available as an ultimate fallback style.
13471348

13481349
<h3 id=simple-alphabetic><span class=secno>3.2. </span> Alphabetic: ‘<a
13491350
href="#lower-alpha"><code class=css>lower-alpha</code></a>’, ‘<a

css-counter-styles/Overview.src.html

+46-12
Original file line numberDiff line numberDiff line change
@@ -820,20 +820,45 @@ <h3 id='counter-style-symbols'>
820820
<h2 id='symbols-function'>
821821
Defining Anonymous Counter Styles: the ''symbols()'' function</h2>
822822

823-
<p>The previous chapter specified a way to define custom counter styles. However, counter styles are sometimes used only once in a stylesheet, and defining a full ''@counter-style'' rule can be overkill for this case (not to mention the possibility of unintentional name collisions). To address this case, the ''symbols()'' function provides a simple way to define an anonymous counter style as an inline value. It does not provide the full feature-set of the ''@counter-style'' rule, but provides a sufficient subset to still be useful. The syntax of the ''symbols()'' rule is:
824-
825-
<pre><dfn id='type-symbols-function'>&lt;symbols-function></dfn> = symbols( &lt;type>? [ &lt;string> | &lt;image> ]+ )</pre>
823+
<p>
824+
The previous chapter specified a way to define custom counter styles.
825+
However, counter styles are sometimes used only once in a stylesheet,
826+
and defining a full ''@counter-style'' rule can be overkill for this case
827+
(not to mention the possibility of unintentional name collisions).
828+
To address this case,
829+
the ''symbols()'' function provides a simple way to define an anonymous counter style as an inline value.
830+
It does not provide the full feature-set of the ''@counter-style'' rule,
831+
but provides a sufficient subset to still be useful.
832+
The syntax of the ''symbols()'' rule is:
833+
834+
<pre><dfn id='type-symbols-function'>&lt;symbols-function></dfn> = symbols( &lt;symbols-type>? [ &lt;string> | &lt;image> ]+ )</pre>
826835

827-
<p>Where &lt;type> is one of the following keywords: ''repeating'', ''numeric'', ''alphabetic'', ''symbolic'', or ''non-repeating''.
836+
<p>
837+
Where &lt;symbols-type> is one of the following keywords:
838+
''repeating'', ''numeric'', ''alphabetic'', ''symbolic'', or ''non-repeating''.
828839

829-
<p>The ''symbols()'' function defines an anonymous counter style with no <i title="counter-name">name</i>, a <i title="counter-prefix">prefix</i> and <i title="counter-suffix">suffix</i> of ''""'' (the empty string), a <i title="counter-range">range</i> from negative infinity to positive infinity, an <i title="counter-fallback">fallback style</i> of ''decimal'', and a <i title="counter-negative">negative sign</i> of "\2D" ("-" hyphen-minus). The counter style's <i title="counter-algorithm">algorithm</i> is constructed by consulting the previous chapter using the provided type - or ''symbolic'' if the type was omitted - and the provided &lt;string>s and &lt;image>s as the value of the 'symbols' property. If the type is ''non-repeating'', the <i>first symbol value</i> is ''1''.
840+
<p>
841+
The ''symbols()'' function defines an anonymous counter style
842+
with no <i title="counter-name">name</i>,
843+
a <i title="counter-prefix">prefix</i>
844+
and <i title="counter-suffix">suffix</i> of ''""'' (the empty string),
845+
a <i title="counter-range">range</i> from negative infinity to positive infinity,
846+
n <i title="counter-fallback">fallback style</i> of ''decimal'',
847+
and a <i title="counter-negative">negative sign</i> of "\2D" ("-" hyphen-minus).
848+
The counter style's <i title="counter-algorithm">algorithm</i> is constructed
849+
by consulting the previous chapter using the provided type
850+
- or ''symbolic'' if the type was omitted -
851+
and the provided &lt;string>s and &lt;image>s as the value of the 'symbols' property.
852+
If the type is ''non-repeating'', the <i>first symbol value</i> is ''1''.
830853

831854
<div class='example'>
832-
<p>This code:
855+
<p>
856+
This code:
833857

834858
<pre>ol { list-style: symbols("*" "\2020" "\2021" "\A7"); }</pre>
835859

836-
<p>will produce lists that look like:
860+
<p>
861+
will produce lists that look like:
837862

838863
<pre>
839864
* One
@@ -844,11 +869,13 @@ <h2 id='symbols-function'>
844869
†† Six
845870
‡‡ Seven</pre>
846871

847-
<p>On the other hand, specifying the type of counter, like so:
872+
<p>
873+
On the other hand, specifying the type of counter, like so:
848874

849875
<pre>ol { list-style: symbols(repeating "*" "\2020" "\2021" "\A7"); }</pre>
850876

851-
<p>will produce lists that look like:
877+
<p>
878+
will produce lists that look like:
852879

853880
<pre>
854881
* One
@@ -860,7 +887,9 @@ <h2 id='symbols-function'>
860887
‡ Seven</pre>
861888
</div>
862889

863-
<p class='note'>Note that the ''symbols()'' function only allows strings and images, while the 'symbols' descriptor of a ''@counter-style'' rule also allows identifiers.
890+
<p class='note'>
891+
Note that the ''symbols()'' function only allows strings and images,
892+
while the 'symbols' descriptor of a ''@counter-style'' rule also allows identifiers.
864893

865894

866895
<!--
@@ -891,7 +920,12 @@ <h2 id='symbols-function'>
891920
<h2 id='predefined-counters'>
892921
Simple Predefined Counter Styles</h2>
893922

894-
<p>The following stylesheet redefines all of the counter styles defined in CSS 2.1 using the ''@counter-style'' rule. This stylesheet is normative - UAs must include it in their UA stylesheet.
923+
<p>
924+
The following stylesheet uses the ''@counter-style'' rule
925+
to redefine all of the counter styles defined in CSS 2 and CSS 2.1,
926+
plus
927+
This stylesheet is normative -
928+
UAs must include it in their UA stylesheet.
895929

896930

897931
<h3 id='simple-numeric'>
@@ -949,7 +983,7 @@ <h3 id='simple-numeric'>
949983
}</bdo></pre>
950984

951985
<p>
952-
The ''decimal'' counter-style is not overridable with a @counter-style rule,
986+
The ''decimal'' counter-style must not be overridable with a @counter-style rule,
953987
so that it is always available as an ultimate fallback style.
954988

955989

0 commit comments

Comments
 (0)