- From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
- Date: Thu, 01 Dec 2011 02:21:36 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-lists
In directory hutz:/tmp/cvs-serv30193
Modified Files:
Overview.html Overview.src.html
Log Message:
Added back the 2.1 counter styles that need definition.
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-lists/Overview.html,v
retrieving revision 1.115
retrieving revision 1.116
diff -u -d -r1.115 -r1.116
--- Overview.html 1 Dec 2011 01:41:08 -0000 1.115
+++ Overview.html 1 Dec 2011 02:21:33 -0000 1.116
@@ -238,8 +238,11 @@
Anonymous Counter Styles: the ‘<code
class=css>symbols()</code>’ function</a>
- <li><a href="#html4"><span class=secno>10. </span> Sample style sheet for
- HTML</a>
+ <li><a href="#predefined-counters"><span class=secno>10. </span>
+ Predefined Counter Styles</a>
+
+ <li><a href="#ua-stylesheet"><span class=secno>11. </span> Sample style
+ sheet for HTML</a>
<li class=no-num><a href="#profiles"> Profiles</a>
@@ -1528,11 +1531,11 @@
<p>The <i>repeating</i> counter type cycles repeatedly through its provided
symbols, looping back to the beginning when it reaches the end of the
- list, similar to the default <i>disc</i> counter style. It can be used for
- simple bullets (just provide a single <a href="#counter-symbol"><i>counter
- symbol</i></a>), or for cycling through multiple bullets. The first <a
- href="#counter-symbol"><i>counter symbol</i></a> is used as the
- representation of the value 1, the second <a
+ list, similar to the default <a href="#disc"><i>disc</i></a> counter
+ style. It can be used for simple bullets (just provide a single <a
+ href="#counter-symbol"><i>counter symbol</i></a>), or for cycling through
+ multiple bullets. The first <a href="#counter-symbol"><i>counter
+ symbol</i></a> is used as the representation of the value 1, the second <a
href="#counter-symbol"><i>counter symbol</i></a> (if it exists) is used as
the representation of the value 2, etc.
@@ -1571,12 +1574,13 @@
<p>The <i>numeric</i> counter type cycles interprets the list of <a
href="#counter-symbol"><i>counter symbol</i></a>s as digits to a number
- system, similar to the default <i>decimal</i> counter style. The first <a
- href="#counter-symbol"><i>counter symbol</i></a> in the list is
- interpreted as the digit 0, the second as the digit 1, and so on. If there
- are <var>length</var> <a href="#counter-symbol"><i>counter
- symbol</i></a>s, the representation is a base <var>length</var> number
- using the <a href="#counter-symbol"><i>counter symbol</i></a>s as digits.
+ system, similar to the default <a href="#decimal"><i>decimal</i></a>
+ counter style. The first <a href="#counter-symbol"><i>counter
+ symbol</i></a> in the list is interpreted as the digit 0, the second as
+ the digit 1, and so on. If there are <var>length</var> <a
+ href="#counter-symbol"><i>counter symbol</i></a>s, the representation is a
+ base <var>length</var> number using the <a
+ href="#counter-symbol"><i>counter symbol</i></a>s as digits.
<p>To construct the representation, run the following algorithm. Let
<var>length</var> be the length of the list of <i>counter symbols</i>,
@@ -1633,9 +1637,10 @@
<p>The <i>alphabetic</i> counter type interprets the list of <i>counter
symbols</i> as digits to an <em>alphabetic</em> numbering system, similar
- to the default ‘<code class=css>lower-alpha</code>’ counter
- style. Alphabetic numbering systems are commonly used for lists, and also
- appear in many spreadsheet programs to number columns. The first <a
+ to the default ‘<a href="#lower-alpha"><code
+ class=css>lower-alpha</code></a>’ counter style. Alphabetic
+ numbering systems are commonly used for lists, and also appear in many
+ spreadsheet programs to number columns. The first <a
href="#counter-symbol"><i>counter symbol</i></a> in the list is
interpreted as the digit 1, the second as the digit 2, and so on. If there
are <var>length</var> <a href="#counter-symbol"><i>counter
@@ -1793,9 +1798,10 @@
<div class=example>
<p>Some style guides mandate a list numbering that looks similar to
- ‘<code class=css>upper-alpha</code>’, but repeats differently
- after the first 26 values, instead going "AA", "BB", "CC", etc. This can
- be achieved with the symbolic type:</p>
+ ‘<a href="#upper-alpha"><code
+ class=css>upper-alpha</code></a>’, but repeats differently after
+ the first 26 values, instead going "AA", "BB", "CC", etc. This can be
+ achieved with the symbolic type:</p>
<pre>
@counter-style <dfn id=upper-alpha-legal>upper-alpha-legal</dfn> {
@@ -1804,12 +1810,14 @@
'N' 'O' 'P' 'Q' 'R' 'S' 'T' 'U' 'V' 'W' 'X' 'Y' 'Z';
}</pre>
- <p>This style is identical to ‘<code
- class=css>upper-alpha</code>’ through the first 27 values, but they
- diverge after that, with ‘<code class=css>upper-alpha</code>’
- going "AB", "AC", "AD", etc. Starting at the 53rd value, ‘<code
- class=css>upper-alpha</code>’ goes "BA", "BB", "BC", etc., while
- this style jumps up to the triple digits with "AAA", "BBB", "CCC", etc.</p>
+ <p>This style is identical to ‘<a href="#upper-alpha"><code
+ class=css>upper-alpha</code></a>’ through the first 27 values, but
+ they diverge after that, with ‘<a href="#upper-alpha"><code
+ class=css>upper-alpha</code></a>’ going "AB", "AC", "AD", etc.
+ Starting at the 53rd value, ‘<a href="#upper-alpha"><code
+ class=css>upper-alpha</code></a>’ goes "BA", "BB", "BC", etc.,
+ while this style jumps up to the triple digits with "AAA", "BBB", "CCC",
+ etc.</p>
</div>
<p>The <i>symbolic</i> type will produce representations with sizes that
@@ -1968,7 +1976,7 @@
class=property>additive-symbols</code></a>’ descriptor; otherwise it
is invalid and must be ignored. If the specified counter style name isn't
the name of any currently-defined counter style, it must be treated as if
- it was overriding the <i>decimal</i> counter style.
+ it was overriding the <a href="#decimal"><i>decimal</i></a> counter style.
<h3 id=counter-style-negative><span class=secno>8.2. </span> Formatting
negative values: the ‘<a href="#descdef-negative"><code
@@ -2152,10 +2160,10 @@
class=property>fallback</code></a>’ descriptor isn't the name of any
currently-defined counter style, the used value of the ‘<a
href="#descdef-fallback"><code class=property>fallback</code></a>’
- descriptor is <i>decimal</i> instead. Similarly, while following fallbacks
- to find a counter style that can render the given counter value, if a loop
- in the specified fallbacks is detected, the <i>decimal</i> style must be
- used instead.
+ descriptor is <a href="#decimal"><i>decimal</i></a> instead. Similarly,
+ while following fallbacks to find a counter style that can render the
+ given counter value, if a loop in the specified fallbacks is detected, the
+ <a href="#decimal"><i>decimal</i></a> style must be used instead.
<p class=note>Note that it is not necessarily an error to specify fallback
loops. For example, if an author desires a counter style with
@@ -2292,9 +2300,9 @@
of negative infinity, an <a href="#upper"><i
title=counter-upper-bound>upper bound</i></a> of infinity, an <a
href="#fallback-style"><i title=counter-fallback>fallback style</i></a> of
- ‘<code class=css>decimal</code>’, and a <a
- href="#negative-sign"><i title=counter-negative>negative sign</i></a> of
- "\2D" ("-" hyphen-minus). The counter style's <a href="#algorithm"><i
+ ‘<a href="#decimal"><code class=css>decimal</code></a>’, and a
+ <a href="#negative-sign"><i title=counter-negative>negative sign</i></a>
+ of "\2D" ("-" hyphen-minus). The counter style's <a href="#algorithm"><i
title=counter-algorithm>algorithm</i></a> is constructed by consulting the
previous chapter using the provided type - or ‘<code
class=css>symbolic</code>’ if the type was omitted - and the
@@ -2340,7 +2348,160 @@
class=property>symbols</code></a>’ descriptor of a ‘<code
class=css>@counter-style</code>’ rule also allows identifiers.
- <h2 id=html4><span class=secno>10. </span> Sample style sheet for HTML</h2>
+ <h2 id=predefined-counters><span class=secno>10. </span> Predefined Counter
+ Styles</h2>
+
+ <p>The following stylesheet redefines all of the counter styles defined in
+ CSS 2.1 using the ‘<code class=css>@counter-style</code>’
+ rule. This stylesheet is normative - UAs must include it in their UA
+ stylesheet.
+
+ <p>In addition to the 2.1 counter styles, a large number of additional
+ counter styles are defined in the <a
+ href="//dev.w3.org/csswg/css-counter-styles">Additional Predefined Counter
+ Styles for CSS</a> document. The majority of the additional counter styles
+ are additional alphabetic or numeric styles for various world languages.
+ <span class=note>The normative status of that document is currently
+ undecided, but at minimum it provides a large resource of counter styles
+ which can be copied into an author's stylesheet.</span>
+
+ <pre style="white-space: pre-wrap;"><bdo>
+@counter-style <dfn
+ id=decimal>decimal</dfn> {
+ type: numeric;
+ symbols: '\30' '\31' '\32' '\33' '\34' '\35' '\36' '\37' '\38' '\39';
+ /* '0' '1' '2' '3' '4' '5' '6' '7' '8' '9' */
+}
+
+@counter-style <dfn
+ id=decimal-leading-zero>decimal-leading-zero</dfn> {
+ type: non-repeating -9;
+ symbols: '\2D\30\39' '\2D\30\38' '\2D\30\37' '\2D\30\36' '\2D\30\35' '\2D\30\34' '\2D\30\33' '\2D\30\32' '\2D\30\31' '\30\30' '\30\31' '\30\32' '\30\33' '\30\34' '\30\35' '\30\36' '\30\37' '\30\38' '\30\39';
+ /* '-09' '-08' '-07' '-06' '-05' '-04' '-03' '-02' '-01' '00' '01' '02' '03' '04' '05' '06' '07' '08' '09' */
+}
+
+@counter-style <dfn
+ id=lower-roman>lower-roman</dfn> {
+ type: additive;
+ range: 1 4999;
+ additive-symbols: 1000 '\6D', 900 '\63\6D', 500 '\64', 400 '\63\64', 100 '\63', 90 '\78\63', 50 '\6C', 40 '\78\6C', 10 '\78', 9 '\69\78', 5 '\76', 4 '\69\76', 1 '\69';
+ /* 1000 'm', 900 'cm', 500 'd', 400 'cd', 100 'c', 90 'xc', 50 'l', 40 'xl', 10 'x', 9 'ix', 5 'v', 4 'iv', 1 'i' */
+}
+
+@counter-style <dfn
+ id=upper-roman>upper-roman</dfn> {
+ type: additive;
+ range: 1 4999;
+ additive-symbols: 1000 '\4D', 900 '\43\4D', 500 '\44', 400 '\43\44', 100 '\43', 90 '\58\43', 50 '\4C', 40 '\58\4C', 10 '\58', 9 '\49\58', 5 '\56', 4 '\49\56', 1 '\49';
+ /* 1000 'M', 900 'CM', 500 'D', 400 'CD', 100 'C', 90 'XC', 50 'L', 40 'XL', 10 'X', 9 'IX', 5 'V', 4 'IV', 1 'I' */
+}
+
+@counter-style <dfn
+ id=georgian>georgian</dfn> {
+ type: additive;
+ range: 1 19999;
+ additive-symbols: 10000 '\10F5', 9000 '\10F0', 8000 '\10EF', 7000 '\10F4', 6000 '\10EE', 5000 '\10ED', 4000 '\10EC', 3000 '\10EB', 2000 '\10EA', 1000 '\10E9', 900 '\10E8', 800 '\10E7', 700 '\10E6', 600 '\10E5', 500 '\10E4', 400 '\10F3', 300 '\10E2', 200 '\10E1', 100 '\10E0', 90 '\10DF', 80 '\10DE', 70 '\10DD', 60 '\10F2', 50 '\10DC', 40 '\10DB', 30 '\10DA', 20 '\10D9', 10 '\10D8', 9 '\10D7', 8 '\10F1', 7 '\10D6', 6 '\10D5', 5 '\10D4', 4 '\10D3', 3 '\10D2', 2 '\10D1', 1 '\10D0';
+ /* 10000 'ჵ', 9000 'ჰ', 8000 'ჯ', 7000 'ჴ', 6000 'ხ', 5000 'ჭ', 4000 'წ', 3000 'ძ', 2000 'ც', 1000 'ჩ', 900 'შ', 800 'ყ', 700 'ღ', 600 'ქ', 500 'ფ', 400 'ჳ', 300 'ტ', 200 'ს', 100 'რ', 90 'ჟ', 80 'პ', 70 'ო', 60 'ჲ', 50 'ნ', 40 'მ', 30 'ლ', 20 'კ', 10 'ი', 9 'თ', 8 'ჱ', 7 'ზ', 6 'ვ', 5 'ე', 4 'დ', 3 'გ', 2 'ბ', 1 'ა' */
+}
+
+@counter-style <dfn
+ id=armenian>armenian</dfn> {
+ type: additive;
+ range: 1 9999;
+ additive-symbols: 9000 '\554', 8000 '\553', 7000 '\552', 6000 '\551', 5000 '\550', 4000 '\54F', 3000 '\54E', 2000 '\54D', 1000 '\54C', 900 '\54B', 800 '\54A', 700 '\549', 600 '\548', 500 '\547', 400 '\546', 300 '\545', 200 '\544', 100 '\543', 90 '\542', 80 '\541', 70 '\540', 60 '\53F', 50 '\53E', 40 '\53D', 30 '\53C', 20 '\53B', 10 '\53A', 9 '\539', 8 '\538', 7 '\537', 6 '\536', 5 '\535', 4 '\534', 3 '\533', 2 '\532', 1 '\531';
+ /* 9000 'Ք', 8000 'Փ', 7000 'Ւ', 6000 'Ց', 5000 'Ր', 4000 'Տ', 3000 'Վ', 2000 'Ս', 1000 'Ռ', 900 'Ջ', 800 'Պ', 700 'Չ', 600 'Ո', 500 'Շ', 400 'Ն', 300 'Յ', 200 'Մ', 100 'Ճ', 90 'Ղ', 80 'Ձ', 70 'Հ', 60 'Կ', 50 'Ծ', 40 'Խ', 30 'Լ', 20 'Ի', 10 'Ժ', 9 'Թ', 8 'Ը', 7 'Է', 6 'Զ', 5 'Ե', 4 'Դ', 3 'Գ', 2 'Բ', 1 'Ա' */
+}
+
+@counter-style <dfn
+ id=lower-alpha>lower-alpha</dfn> {
+ type: alphabetic;
+ symbols: '\61' '\62' '\63' '\64' '\65' '\66' '\67' '\68' '\69' '\6A' '\6B' '\6C' '\6D' '\6E' '\6F' '\70' '\71' '\72' '\73' '\74' '\75' '\76' '\77' '\78' '\79' '\7A';
+ /* 'a' 'b' 'c' 'd' 'e' 'f' 'g' 'h' 'i' 'j' 'k' 'l' 'm' 'n' 'o' 'p' 'q' 'r' 's' 't' 'u' 'v' 'w' 'x' 'y' 'z' */
+}
+
+@counter-style <dfn
+ id=lower-latin>lower-latin</dfn> {
+ type: override lower-alpha;
+}
+
+@counter-style <dfn
+ id=upper-alpha>upper-alpha</dfn> {
+ type: alphabetic;
+ symbols: '\41' '\42' '\43' '\44' '\45' '\46' '\47' '\48' '\49' '\4A' '\4B' '\4C' '\4D' '\4E' '\4F' '\50' '\51' '\52' '\53' '\54' '\55' '\56' '\57' '\58' '\59' '\5A';
+ /* 'A' 'B' 'C' 'D' 'E' 'F' 'G' 'H' 'I' 'J' 'K' 'L' 'M' 'N' 'O' 'P' 'Q' 'R' 'S' 'T' 'U' 'V' 'W' 'X' 'Y' 'Z' */
+}
+
+@counter-style <dfn
+ id=upper-latin>upper-latin</dfn> {
+ type: override upper-alpha;
+}
+
+@counter-style <dfn
+ id=lower-greek>lower-greek</dfn> {
+ type: alphabetic;
+ symbols: '\3B1' '\3B2' '\3B3' '\3B4' '\3B5' '\3B6' '\3B7' '\3B8' '\3B9' '\3BA' '\3BB' '\3BC' '\3BD' '\3BE' '\3BF' '\3C0' '\3C1' '\3C3' '\3C4' '\3C5' '\3C6' '\3C7' '\3C8' '\3C9';
+ /* 'α' 'β' 'γ' 'δ' 'ε' 'ζ' 'η' 'θ' 'ι' 'κ' 'λ' 'μ' 'ν' 'ξ' 'ο' 'π' 'ρ' 'σ' 'τ' 'υ' 'φ' 'χ' 'ψ' 'ω' */
+}</bdo></pre>
+
+ <p>In addition to the above styles, UAs must define three counter styles
+ named ‘<a href="#disc"><code class=css>disc</code></a>’,
+ ‘<a href="#circle"><code class=css>circle</code></a>’, and
+ ‘<a href="#square"><code class=css>square</code></a>’. They
+ must do so either by including the following stylesheet in their UA
+ stylesheet, or by rendering the bullets with a browser-generated image
+ matching the descriptions below the stylesheet.
+
+ <p>If a browser chooses to render these counter styles by generating
+ images, the images must be sized to attractively fill a 1em by 1em
+ rectangle. As well, the styles must still be overrideable by a later
+ ‘<code class=css>@counter-style</code>’ rule defining a
+ counter style of the same name, as if they were defined by a ‘<code
+ class=css>@counter-style</code>’ rule in the UA stylesheet.
+
+ <pre>
+@counter-style <dfn id=disc>disc</dfn> {
+ type: repeating;
+ symbols: '\2022';
+ /* '•' */
+ suffix: '';
+}
+
+@counter-style <dfn
+ id=circle>circle</dfn> {
+ type: repeating;
+ symbols: '\25E6';
+ /* '◦' */
+ suffix: '';
+}
+
+@counter-style <dfn
+ id=square>square</dfn> {
+ type: repeating;
+ symbols: '\25FE';
+ /* '◾' */
+ suffix: '';
+}</pre>
+
+ <dl>
+ <dt>disc
+
+ <dd>A filled circle, similar to • U+2022 BULLET.
+
+ <dt>circle
+
+ <dd>A hollow circle, similar to ◦ U+25E6 WHITE BULLET.
+
+ <dt>square
+
+ <dd>A filled square, similar to ◾ U+25FE BLACK MEDIUM SMALL SQUARE.
+ </dl>
+
+ <p class=issue>Do we need to predefine the styles that are present in CSS2
+ but didn't make it to CSS2.1? They're all present in the "Additional
+ Predefined Counter Styles" document.
+
+ <h2 id=ua-stylesheet><span class=secno>11. </span> Sample style sheet for
+ HTML</h2>
<p>This section is informative, not normative. HTML itself defines the
actual default properties that apply to HTML lists.
@@ -2430,13 +2591,16 @@
class=property>list-style-image</code></a>’, and ‘<a
href="#list-style-type"><code
class=property>list-style-type</code></a>’ (but only the following
- values: ‘<code class=property>disc</code>’, ‘<code
- class=css>circle, square</code>’, ‘<code
- class=property>decimal</code>’, ‘<code
- class=property>lower-roman</code>’, ‘<code
- class=property>upper-roman</code>’, ‘<code
- class=property>lower-alpha</code>’, ‘<code
- class=property>upper-alpha</code>’, ‘<a href="#none"><code
+ values: ‘<a href="#disc"><code
+ class=property>disc</code></a>’, ‘<code class=css>circle,
+ square</code>’, ‘<a href="#decimal"><code
+ class=property>decimal</code></a>’, ‘<a
+ href="#lower-roman"><code class=property>lower-roman</code></a>’,
+ ‘<a href="#upper-roman"><code
+ class=property>upper-roman</code></a>’, ‘<a
+ href="#lower-alpha"><code class=property>lower-alpha</code></a>’,
+ ‘<a href="#upper-alpha"><code
+ class=property>upper-alpha</code></a>’, ‘<a href="#none"><code
class=property>none</code></a>’). It does not include the <code
class=css>::marker</code> pseudo element.
@@ -2667,12 +2831,16 @@
<li>ancestor list item's, <a href="#ancestor-list-item"
title="ancestor list item's"><strong>7.1.</strong></a>
+ <li>armenian, <a href="#armenian" title=armenian><strong>10.</strong></a>
+
<li>associated-marker, <a href="#markers-associated-with-that-list-item"
title=associated-marker><strong>7.1.</strong></a>
<li>box-corner, <a href="#box-corner"
title=box-corner><strong>8.1.5.</strong></a>
+ <li>circle, <a href="#circle" title=circle><strong>10.</strong></a>
+
<li>counter-algorithm, <a href="#algorithm"
title=counter-algorithm><strong>8.</strong></a>
@@ -2712,8 +2880,15 @@
<li>current tuple's, <a href="#current-tuple"
title="current tuple's"><strong>8.1.6.</strong></a>
+ <li>decimal, <a href="#decimal" title=decimal><strong>10.</strong></a>
+
+ <li>decimal-leading-zero, <a href="#decimal-leading-zero"
+ title=decimal-leading-zero><strong>10.</strong></a>
+
<li>dice, <a href="#dice" title=dice><strong>8.1.6.</strong></a>
+ <li>disc, <a href="#disc" title=disc><strong>10.</strong></a>
+
<li>fallback, <a href="#descdef-fallback"
title=fallback><strong>8.6.</strong></a>
@@ -2726,6 +2901,8 @@
<li>footnote, <a href="#footnote"
title=footnote><strong>8.1.4.</strong></a>
+ <li>georgian, <a href="#georgian" title=georgian><strong>10.</strong></a>
+
<li>go, <a href="#go" title=go><strong>8.1.3.</strong></a>
<li>inline-list-item, <a href="#inline-list-item"
@@ -2751,6 +2928,18 @@
<li>list-style-type, <a href="#list-style-type"
title=list-style-type><strong>3.</strong></a>
+ <li>lower-alpha, <a href="#lower-alpha"
+ title=lower-alpha><strong>10.</strong></a>
+
+ <li>lower-greek, <a href="#lower-greek"
+ title=lower-greek><strong>10.</strong></a>
+
+ <li>lower-latin, <a href="#lower-latin"
+ title=lower-latin><strong>10.</strong></a>
+
+ <li>lower-roman, <a href="#lower-roman"
+ title=lower-roman><strong>10.</strong></a>
+
<li>marker-attachment, <a href="#marker-attachment0"
title=marker-attachment><strong>7.2.</strong></a>
@@ -2773,6 +2962,8 @@
<li>range, <a href="#descdef-range" title=range><strong>8.5.</strong></a>
+ <li>square, <a href="#square" title=square><strong>10.</strong></a>
+
<li>suffix, <a href="#descdef-suffix"
title=suffix><strong>8.4.</strong></a>
@@ -2789,7 +2980,16 @@
<li>type, <a href="#descdef-type" title=type><strong>8.1.</strong></a>
+ <li>upper-alpha, <a href="#upper-alpha"
+ title=upper-alpha><strong>10.</strong></a>
+
<li>upper-alpha-legal, <a href="#upper-alpha-legal"
title=upper-alpha-legal><strong>8.1.4.</strong></a>
+
+ <li>upper-latin, <a href="#upper-latin"
+ title=upper-latin><strong>10.</strong></a>
+
+ <li>upper-roman, <a href="#upper-roman"
+ title=upper-roman><strong>10.</strong></a>
</ul>
<!--end-index-->
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-lists/Overview.src.html,v
retrieving revision 1.162
retrieving revision 1.163
diff -u -d -r1.162 -r1.163
--- Overview.src.html 1 Dec 2011 01:41:08 -0000 1.162
+++ Overview.src.html 1 Dec 2011 02:21:33 -0000 1.163
@@ -1591,8 +1591,121 @@
<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.</p>
+<h2 id='predefined-counters'>
+Predefined Counter Styles</h2>
-<h2 id="html4">
+ <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.</p>
+
+ <p>In addition to the 2.1 counter styles, a large number of additional counter styles are defined in the <a href="//dev.w3.org/csswg/css-counter-styles">Additional Predefined Counter Styles for CSS</a> document. The majority of the additional counter styles are additional alphabetic or numeric styles for various world languages. <span class='note'>The normative status of that document is currently undecided, but at minimum it provides a large resource of counter styles which can be copied into an author's stylesheet.</span></p>
+
+ <pre style="white-space: pre-wrap;"><bdo>
+@counter-style <dfn>decimal</dfn> {
+ type: numeric;
+ symbols: '\30' '\31' '\32' '\33' '\34' '\35' '\36' '\37' '\38' '\39';
+ /* '0' '1' '2' '3' '4' '5' '6' '7' '8' '9' */
+}
+
+@counter-style <dfn>decimal-leading-zero</dfn> {
+ type: non-repeating -9;
+ symbols: '\2D\30\39' '\2D\30\38' '\2D\30\37' '\2D\30\36' '\2D\30\35' '\2D\30\34' '\2D\30\33' '\2D\30\32' '\2D\30\31' '\30\30' '\30\31' '\30\32' '\30\33' '\30\34' '\30\35' '\30\36' '\30\37' '\30\38' '\30\39';
+ /* '-09' '-08' '-07' '-06' '-05' '-04' '-03' '-02' '-01' '00' '01' '02' '03' '04' '05' '06' '07' '08' '09' */
+}
+
+@counter-style <dfn>lower-roman</dfn> {
+ type: additive;
+ range: 1 4999;
+ additive-symbols: 1000 '\6D', 900 '\63\6D', 500 '\64', 400 '\63\64', 100 '\63', 90 '\78\63', 50 '\6C', 40 '\78\6C', 10 '\78', 9 '\69\78', 5 '\76', 4 '\69\76', 1 '\69';
+ /* 1000 'm', 900 'cm', 500 'd', 400 'cd', 100 'c', 90 'xc', 50 'l', 40 'xl', 10 'x', 9 'ix', 5 'v', 4 'iv', 1 'i' */
+}
+
+@counter-style <dfn>upper-roman</dfn> {
+ type: additive;
+ range: 1 4999;
+ additive-symbols: 1000 '\4D', 900 '\43\4D', 500 '\44', 400 '\43\44', 100 '\43', 90 '\58\43', 50 '\4C', 40 '\58\4C', 10 '\58', 9 '\49\58', 5 '\56', 4 '\49\56', 1 '\49';
+ /* 1000 'M', 900 'CM', 500 'D', 400 'CD', 100 'C', 90 'XC', 50 'L', 40 'XL', 10 'X', 9 'IX', 5 'V', 4 'IV', 1 'I' */
+}
+
+@counter-style <dfn>georgian</dfn> {
+ type: additive;
+ range: 1 19999;
+ additive-symbols: 10000 '\10F5', 9000 '\10F0', 8000 '\10EF', 7000 '\10F4', 6000 '\10EE', 5000 '\10ED', 4000 '\10EC', 3000 '\10EB', 2000 '\10EA', 1000 '\10E9', 900 '\10E8', 800 '\10E7', 700 '\10E6', 600 '\10E5', 500 '\10E4', 400 '\10F3', 300 '\10E2', 200 '\10E1', 100 '\10E0', 90 '\10DF', 80 '\10DE', 70 '\10DD', 60 '\10F2', 50 '\10DC', 40 '\10DB', 30 '\10DA', 20 '\10D9', 10 '\10D8', 9 '\10D7', 8 '\10F1', 7 '\10D6', 6 '\10D5', 5 '\10D4', 4 '\10D3', 3 '\10D2', 2 '\10D1', 1 '\10D0';
+ /* 10000 'ჵ', 9000 'ჰ', 8000 'ჯ', 7000 'ჴ', 6000 'ხ', 5000 'ჭ', 4000 'წ', 3000 'ძ', 2000 'ც', 1000 'ჩ', 900 'შ', 800 'ყ', 700 'ღ', 600 'ქ', 500 'ფ', 400 'ჳ', 300 'ტ', 200 'ს', 100 'რ', 90 'ჟ', 80 'პ', 70 'ო', 60 'ჲ', 50 'ნ', 40 'მ', 30 'ლ', 20 'კ', 10 'ი', 9 'თ', 8 'ჱ', 7 'ზ', 6 'ვ', 5 'ე', 4 'დ', 3 'გ', 2 'ბ', 1 'ა' */
+}
+
+@counter-style <dfn>armenian</dfn> {
+ type: additive;
+ range: 1 9999;
+ additive-symbols: 9000 '\554', 8000 '\553', 7000 '\552', 6000 '\551', 5000 '\550', 4000 '\54F', 3000 '\54E', 2000 '\54D', 1000 '\54C', 900 '\54B', 800 '\54A', 700 '\549', 600 '\548', 500 '\547', 400 '\546', 300 '\545', 200 '\544', 100 '\543', 90 '\542', 80 '\541', 70 '\540', 60 '\53F', 50 '\53E', 40 '\53D', 30 '\53C', 20 '\53B', 10 '\53A', 9 '\539', 8 '\538', 7 '\537', 6 '\536', 5 '\535', 4 '\534', 3 '\533', 2 '\532', 1 '\531';
+ /* 9000 'Ք', 8000 'Փ', 7000 'Ւ', 6000 'Ց', 5000 'Ր', 4000 'Տ', 3000 'Վ', 2000 'Ս', 1000 'Ռ', 900 'Ջ', 800 'Պ', 700 'Չ', 600 'Ո', 500 'Շ', 400 'Ն', 300 'Յ', 200 'Մ', 100 'Ճ', 90 'Ղ', 80 'Ձ', 70 'Հ', 60 'Կ', 50 'Ծ', 40 'Խ', 30 'Լ', 20 'Ի', 10 'Ժ', 9 'Թ', 8 'Ը', 7 'Է', 6 'Զ', 5 'Ե', 4 'Դ', 3 'Գ', 2 'Բ', 1 'Ա' */
+}
+
+@counter-style <dfn>lower-alpha</dfn> {
+ type: alphabetic;
+ symbols: '\61' '\62' '\63' '\64' '\65' '\66' '\67' '\68' '\69' '\6A' '\6B' '\6C' '\6D' '\6E' '\6F' '\70' '\71' '\72' '\73' '\74' '\75' '\76' '\77' '\78' '\79' '\7A';
+ /* 'a' 'b' 'c' 'd' 'e' 'f' 'g' 'h' 'i' 'j' 'k' 'l' 'm' 'n' 'o' 'p' 'q' 'r' 's' 't' 'u' 'v' 'w' 'x' 'y' 'z' */
+}
+
+@counter-style <dfn>lower-latin</dfn> {
+ type: override lower-alpha;
+}
+
+@counter-style <dfn>upper-alpha</dfn> {
+ type: alphabetic;
+ symbols: '\41' '\42' '\43' '\44' '\45' '\46' '\47' '\48' '\49' '\4A' '\4B' '\4C' '\4D' '\4E' '\4F' '\50' '\51' '\52' '\53' '\54' '\55' '\56' '\57' '\58' '\59' '\5A';
+ /* 'A' 'B' 'C' 'D' 'E' 'F' 'G' 'H' 'I' 'J' 'K' 'L' 'M' 'N' 'O' 'P' 'Q' 'R' 'S' 'T' 'U' 'V' 'W' 'X' 'Y' 'Z' */
+}
+
+@counter-style <dfn>upper-latin</dfn> {
+ type: override upper-alpha;
+}
+
+@counter-style <dfn>lower-greek</dfn> {
+ type: alphabetic;
+ symbols: '\3B1' '\3B2' '\3B3' '\3B4' '\3B5' '\3B6' '\3B7' '\3B8' '\3B9' '\3BA' '\3BB' '\3BC' '\3BD' '\3BE' '\3BF' '\3C0' '\3C1' '\3C3' '\3C4' '\3C5' '\3C6' '\3C7' '\3C8' '\3C9';
+ /* 'α' 'β' 'γ' 'δ' 'ε' 'ζ' 'η' 'θ' 'ι' 'κ' 'λ' 'μ' 'ν' 'ξ' 'ο' 'π' 'ρ' 'σ' 'τ' 'υ' 'φ' 'χ' 'ψ' 'ω' */
+}</bdo></pre>
+
+ <p>In addition to the above styles, UAs must define three counter styles named ''disc'', ''circle'', and ''square''. They must do so either by including the following stylesheet in their UA stylesheet, or by rendering the bullets with a browser-generated image matching the descriptions below the stylesheet.</p>
+
+ <p>If a browser chooses to render these counter styles by generating images, the images must be sized to attractively fill a 1em by 1em rectangle. As well, the styles must still be overrideable by a later ''@counter-style'' rule defining a counter style of the same name, as if they were defined by a ''@counter-style'' rule in the UA stylesheet.</p>
+
+ <pre>
+@counter-style <dfn>disc</dfn> {
+ type: repeating;
+ symbols: '\2022';
+ /* '•' */
+ suffix: '';
+}
+
+@counter-style <dfn>circle</dfn> {
+ type: repeating;
+ symbols: '\25E6';
+ /* '◦' */
+ suffix: '';
+}
+
+@counter-style <dfn>square</dfn> {
+ type: repeating;
+ symbols: '\25FE';
+ /* '◾' */
+ suffix: '';
+}</pre>
+
+ <dl>
+ <dt>disc</dt>
+ <dd>A filled circle, similar to • U+2022 BULLET.</dd>
+
+ <dt>circle</dt>
+ <dd>A hollow circle, similar to ◦ U+25E6 WHITE BULLET.</dd>
+
+ <dt>square</dt>
+ <dd>A filled square, similar to ◾ U+25FE BLACK MEDIUM SMALL SQUARE.</dd>
+ </dl>
+
+ <p class='issue'>Do we need to predefine the styles that are present in CSS2 but didn't make it to CSS2.1? They're all present in the "Additional Predefined Counter Styles" document.</p>
+
+
+<h2 id='ua-stylesheet'>
Sample style sheet for HTML</h2>
<p>This section is informative, not normative. HTML itself defines the
Received on Thursday, 1 December 2011 02:21:43 UTC