- From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
- Date: Wed, 16 Mar 2011 00:47:33 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-lists
In directory hutz:/tmp/cvs-serv5946
Modified Files:
Overview.html Overview.src.html
Log Message:
Tweaked the informative HTML stylesheet
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-lists/Overview.html,v
retrieving revision 1.14
retrieving revision 1.15
diff -u -d -r1.14 -r1.15
--- Overview.html 16 Mar 2011 00:20:46 -0000 1.14
+++ Overview.html 16 Mar 2011 00:47:15 -0000 1.15
@@ -226,7 +226,7 @@
<li><a href="#profiles"><span class=secno>11. </span> Profiles</a>
<li><a href="#html4"><span class=secno>12. </span> Sample style sheet for
- HTML 4.0</a>
+ HTML</a>
<li><a href="#ua-stylesheet"><span class=secno>13. </span> Appendix A:
Required Predefined Counter Styles</a>
@@ -2185,64 +2185,77 @@
<p>The Full profile contains everything.</p>
<!-- ====================================================================== -->
- <h2 id=html4><span class=secno>12. </span> Sample style sheet for HTML 4.0</h2>
+ <h2 id=html4><span class=secno>12. </span> Sample style sheet for HTML</h2>
- <p>This section is informative, nor normative.
+ <p>This section is informative, nor normative. HTML itself defines the
+ actual default properties that apply to HTML lists.
<pre>
- /* Set up list items */
- li { display: list-item; /* counter-increment: list-item; (implied by display: list-item) */ }
-
- /* Set up ol and ul so that they reset the list-item counter */
- ol, ul { counter-reset: list-item; }
+/* Set up list items */
+li {
+ display: list-item;
+ /* counter-increment: list-item; (implied by display: list-item) */
+}
- /* Default list style types for ordered lists */
- ol { list-style-type: decimal; }
+/* Set up ol and ul so that they reset the list-item counter */
+ol, ul {
+ counter-reset: list-item;
+}
- /* Default list style types for unordered lists up to 3<!-- 8 --> deep */
- ul { list-style-type: disc; }
- ul ul { list-style-type: square; }
- ul ul ul { list-style-type: circle; }
-<!-- and so on ad nauseum:
- ul ul ul ul { list-style-type: box; }
- ul ul ul ul ul { list-style-type: disc; }
- ul ul ul ul ul ul { list-style-type: square; }
- ul ul ul ul ul ul ul { list-style-type: circle; }
- ul ul ul ul ul ul ul ul { list-style-type: box; }
--->
- /* The type attribute on ol and ul elements */
- ul[type="disc"] { list-style-type: disc; }
- ul[type="circle"] { list-style-type: circle; }
- ul[type="square"] { list-style-type: square; }
- ol[type="1"] { list-style-type: decimal; }
- ol[type="a"] { list-style-type: lower-alpha; }
- ol[type="A"] { list-style-type: upper-alpha; }
- ol[type="i"] { list-style-type: lower-roman; }
- ol[type="I"] { list-style-type: upper-roman; }
+/* Default list style types for ordered lists */
+ol {
+ list-style-type: decimal;
+}
- /* The start attribute on ol elements */
- ol[start] { counter-reset: list-item attr(start, integer, 1); counter-increment: list-item -1; }
+/* Default list style types for unordered lists up to 3 deep */
+ul { list-style-type: disc; }
+ul ul { list-style-type: square; }
+ul ul ul { list-style-type: circle; }
- /* The value attribute on li elements */
- li[value] { counter-reset: list-item attr(value, integer, 1); counter-increment: none;<!-- XXX interaction with default increase --> }
+/* The type attribute on ol and ul elements */
+ul[type="disc"] { list-style-type: disc; }
+ul[type="circle"] { list-style-type: circle; }
+ul[type="square"] { list-style-type: square; }
+ol[type="1"] { list-style-type: decimal; }
+ol[type="a"] { list-style-type: lower-alpha; }
+ol[type="A"] { list-style-type: upper-alpha; }
+ol[type="i"] { list-style-type: lower-roman; }
+ol[type="I"] { list-style-type: upper-roman; }
- /* The above rules don't fully describe HTML4 lists, since they do not cover
- behaviors such as margins and the like. The following rules could be used
- for this purpose:
+/* The start attribute on ol elements */
+ol[start] {
+ counter-reset: list-item attr(start, integer, 1);
+ counter-increment: list-item -1;
+}
- ol, ul { display: block; margin: 1em 0; padding-left: 2.5em; }
- ol ol, ol ul, ul ul, ul ol { margin-top: 0; margin-bottom: 0; }
- li::marker { margin-right: 1em; text-align: right; }
+/* The value attribute on li elements */
+li[value] {
+ counter-reset: list-item attr(value, integer, 1);
+ counter-increment: none;<!-- XXX interaction with default increase -->
+}
- */
-</pre>
+/* Box Model Rules */
+ol, ul {
+ display: block;
+ margin: 1em 0;
+ padding-left: 2.5em;
+}
+
+ol ol, ol ul, ul ul, ul ol {
+ margin-top: 0;
+ margin-bottom: 0;
+}
- <p class=issue>Another example is required here.</p>
- <!--
- <pre>
- h1-h6 numbering
+li {
+ text-align: match-parent;
+}
+
+li::marker {
+ margin-right: 1em;
+ text-align: right;
+ /* 'display', 'position', and 'text-align' implied by list-style-position */
+}
</pre>
- -->
<!-- ====================================================================== -->
<h2 id=ua-stylesheet><span class=secno>13. </span> Appendix A: Required
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-lists/Overview.src.html,v
retrieving revision 1.30
retrieving revision 1.31
diff -u -d -r1.30 -r1.31
--- Overview.src.html 16 Mar 2011 00:20:46 -0000 1.30
+++ Overview.src.html 16 Mar 2011 00:47:24 -0000 1.31
@@ -1570,64 +1570,77 @@
<!-- ====================================================================== -->
<h2 id="html4">
-Sample style sheet for HTML 4.0</h2>
+Sample style sheet for HTML</h2>
- <p>This section is informative, nor normative.</p>
+ <p>This section is informative, nor normative. HTML itself defines the
+ actual default properties that apply to HTML lists.</p>
<pre>
- /* Set up list items */
- li { display: list-item; /* counter-increment: list-item; (implied by display: list-item) */ }
-
- /* Set up ol and ul so that they reset the list-item counter */
- ol, ul { counter-reset: list-item; }
+/* Set up list items */
+li {
+ display: list-item;
+ /* counter-increment: list-item; (implied by display: list-item) */
+}
- /* Default list style types for ordered lists */
- ol { list-style-type: decimal; }
+/* Set up ol and ul so that they reset the list-item counter */
+ol, ul {
+ counter-reset: list-item;
+}
- /* Default list style types for unordered lists up to 3<!-- 8 --> deep */
- ul { list-style-type: disc; }
- ul ul { list-style-type: square; }
- ul ul ul { list-style-type: circle; }
-<!-- and so on ad nauseum:
- ul ul ul ul { list-style-type: box; }
- ul ul ul ul ul { list-style-type: disc; }
- ul ul ul ul ul ul { list-style-type: square; }
- ul ul ul ul ul ul ul { list-style-type: circle; }
- ul ul ul ul ul ul ul ul { list-style-type: box; }
--->
- /* The type attribute on ol and ul elements */
- ul[type="disc"] { list-style-type: disc; }
- ul[type="circle"] { list-style-type: circle; }
- ul[type="square"] { list-style-type: square; }
- ol[type="1"] { list-style-type: decimal; }
- ol[type="a"] { list-style-type: lower-alpha; }
- ol[type="A"] { list-style-type: upper-alpha; }
- ol[type="i"] { list-style-type: lower-roman; }
- ol[type="I"] { list-style-type: upper-roman; }
+/* Default list style types for ordered lists */
+ol {
+ list-style-type: decimal;
+}
- /* The start attribute on ol elements */
- ol[start] { counter-reset: list-item attr(start, integer, 1); counter-increment: list-item -1; }
+/* Default list style types for unordered lists up to 3 deep */
+ul { list-style-type: disc; }
+ul ul { list-style-type: square; }
+ul ul ul { list-style-type: circle; }
- /* The value attribute on li elements */
- li[value] { counter-reset: list-item attr(value, integer, 1); counter-increment: none;<!-- XXX interaction with default increase --> }
+/* The type attribute on ol and ul elements */
+ul[type="disc"] { list-style-type: disc; }
+ul[type="circle"] { list-style-type: circle; }
+ul[type="square"] { list-style-type: square; }
+ol[type="1"] { list-style-type: decimal; }
+ol[type="a"] { list-style-type: lower-alpha; }
+ol[type="A"] { list-style-type: upper-alpha; }
+ol[type="i"] { list-style-type: lower-roman; }
+ol[type="I"] { list-style-type: upper-roman; }
- /* The above rules don't fully describe HTML4 lists, since they do not cover
- behaviors such as margins and the like. The following rules could be used
- for this purpose:
+/* The start attribute on ol elements */
+ol[start] {
+ counter-reset: list-item attr(start, integer, 1);
+ counter-increment: list-item -1;
+}
- ol, ul { display: block; margin: 1em 0; padding-left: 2.5em; }
- ol ol, ol ul, ul ul, ul ol { margin-top: 0; margin-bottom: 0; }
- li::marker { margin-right: 1em; text-align: right; }
+/* The value attribute on li elements */
+li[value] {
+ counter-reset: list-item attr(value, integer, 1);
+ counter-increment: none;<!-- XXX interaction with default increase -->
+}
- */
-</pre>
+/* Box Model Rules */
+ol, ul {
+ display: block;
+ margin: 1em 0;
+ padding-left: 2.5em;
+}
+
+ol ol, ol ul, ul ul, ul ol {
+ margin-top: 0;
+ margin-bottom: 0;
+}
- <p class="issue">Another example is required here.</p>
- <!--
- <pre>
- h1-h6 numbering
+li {
+ text-align: match-parent;
+}
+
+li::marker {
+ margin-right: 1em;
+ text-align: right;
+ /* 'display', 'position', and 'text-align' implied by list-style-position */
+}
</pre>
- -->
<!-- ====================================================================== -->
Received on Wednesday, 16 March 2011 00:47:46 UTC