- From: Bert Bos via cvs-syncmail <cvsmail@w3.org>
- Date: Sat, 12 Mar 2011 13:00:24 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-lists
In directory hutz:/tmp/cvs-serv14603
Modified Files:
Overview.src.html
Log Message:
Replaced "<xmp>" with "<pre><![CDATA[".
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-lists/Overview.src.html,v
retrieving revision 1.28
retrieving revision 1.29
diff -u -d -r1.28 -r1.29
--- Overview.src.html 11 Mar 2011 21:46:49 -0000 1.28
+++ Overview.src.html 12 Mar 2011 13:00:22 -0000 1.29
@@ -1,7 +1,7 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<title>CSS Lists and Counters Module Level 3</title>
- <meta charset=utf-8>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<link rel="stylesheet" type="text/css" href="http://dev.w3.org/csswg/default.css">
<style type="text/css">
td, th { padding: 0 0.5em; }
@@ -104,7 +104,7 @@
<p>For instance, the following example illustrates how markers may be used to add parentheses around
each numbered list item. This HTML application and style sheet:</p>
- <xmp>
+ <pre><![CDATA[
<!doctype html>
<html>
<head>
@@ -122,7 +122,7 @@
</ol>
</body>
</html>
- </xmp>
+]]></pre>
<p>should produce something like this: </p>
@@ -130,7 +130,7 @@
(i) This is the first item.
(ii) This is the second item.
(iii) This is the third item.
- </pre>
+</pre>
</div>
<p>With descendant selectors and child selectors, it's possible to specify different marker types
@@ -739,11 +739,11 @@
<pre>
li { display: list-item; list-style-type: decimal /* initial value */; }
li::marker { content: normal /* initial value */; }
- </pre>
+</pre>
<p>And the following document fragment:</p>
- <xmp>
+ <pre><![CDATA[
<li>List Item</li>
- </xmp>
+]]></pre>
<p>The computed value of the 'content' property on the ''::marker''
pseudo-element of the list item element is:</p>
<pre>counter(list-item, decimal) "."</pre>
@@ -845,7 +845,7 @@
<div class=example>
<p>For example:
- <xmp class=html-example>
+ <pre class=html-example><![CDATA[
<!doctype html>
<html>
<head>
@@ -866,7 +866,7 @@
</ul>
</body>
</html>
- </xmp>
+]]></pre>
<p>The above example may be formatted as:</p>
@@ -913,7 +913,7 @@
<pre>
UL { list-style: upper-roman inside } /* Any UL */
UL > UL { list-style: circle outside } /* Any UL child of a UL */
- </pre>
+</pre>
</div>
<p>Although authors may specify 'list-style' information directly on
@@ -923,12 +923,12 @@
<pre class="example">
OL.alpha LI { list-style: lower-alpha } /* Any LI descendant of an OL */
OL.alpha > LI { list-style: lower-alpha } /* Any LI child of an OL */
- </pre>
+</pre>
<p>Authors who use only the descendant selector may not
achieve the results they expect. Consider the following rules:</p>
- <xmp class="html-example">
+ <pre class="html-example"><![CDATA[
<!doctype html>
<html>
<head>
@@ -948,7 +948,7 @@
</ol>
</body>
</html>
- </xmp>
+]]></pre>
<p>The desired rendering would have level 1 list items with 'lower-alpha' labels and level 2 items
with 'disc' labels. However, the cascading order will cause the first style rule (which includes
@@ -958,7 +958,7 @@
<pre class="example">
OL.alpha > LI { list-style: lower-alpha }
UL LI { list-style: disc }
- </pre>
+</pre>
<p>Another solution would be to specify 'list-style' information only
on the list type elements:
@@ -966,7 +966,7 @@
<pre class="example">
OL.alpha { list-style: lower-alpha }
UL { list-style: disc }
- </pre>
+</pre>
<p>Inheritance will transfer the 'list-style' values from OL and UL
elements to LI elements. This is the recommended way to specify list style information.</p>
@@ -976,7 +976,7 @@
<pre>
UL { list-style: url("http://png.com/ellipse.png") disc }
- </pre>
+</pre>
<p> In the example above, the 'disc' will be used when the image is unavailable.</p>
</div>
@@ -1013,7 +1013,7 @@
<p>In the following example, the content is centered within a marker
box of a fixed width. This document:</p>
- <xmp class=html-example>
+ <pre class=html-example><![CDATA[
<!doctype html>
<html>
<head>
@@ -1038,7 +1038,7 @@
</ol>
</body>
</html>
- </xmp>
+]]></pre>
<p>should render something like this: </p>
@@ -1049,7 +1049,7 @@
second item.
(3) This is the
third item.
- </pre>
+</pre>
</div>
@@ -1058,7 +1058,7 @@
<div class="html-example">
<p>The following document:</p>
- <xmp class=html-example>
+ <pre class=html-example><![CDATA[
<!doctype html>
<html>
<head>
@@ -1082,7 +1082,7 @@
<p>This is the end.</p>
</body>
</html>
- </xmp>
+]]></pre>
<p>should render something like this:</p>
@@ -1094,14 +1094,14 @@
document.
This is the end.
- </pre>
+</pre>
</div>
<div class="html-example">
<p>The following example illustrates how markers may be offset from their element. This HTML
application and style sheet:</p>
- <xmp class=html-example>
+ <pre class=html-example><![CDATA[
<!doctype html>
<html>
<head>
@@ -1122,7 +1122,7 @@
<p>This is a long following paragraph ...</p>
</body>
</html>
- </xmp>
+]]></pre>
<p>should render something like this: </p>
@@ -1136,7 +1136,7 @@
This is a long following
paragraph ...
- </pre>
+</pre>
<p>(Note the use of the implicit counter increment.)</p>
</div>
@@ -1165,7 +1165,7 @@
<p>The ''@counter-style'' rule is defined as:</p>
- <xmp class=prod>
+ <pre class=prod><![CDATA[
@counter-style <counter-style-name> {
type:
range:
@@ -1176,7 +1176,7 @@
suffix:
fallback:
}
- </xmp>
+]]></pre>
<p class=issue>Copy the way other specs define new @-rules that contain decl
blocks, like @font-face.</p>
@@ -1211,9 +1211,9 @@
type counter styles interpret their glyphs as digits and build their representation
accordingly. It is defined as:
- <xmp class=prod>
+ <pre class=prod><![CDATA[
<counter-type> = repeating | numeric | alphabetic | symbolic | [ non-repeating <integer>? ] | cjk | additive
- </xmp>
+]]></pre>
<dl>
<dt><dfn>repeating</dfn></dt>
@@ -1242,12 +1242,12 @@
<div class=example>
<p>A 'triangle bullet' list style can be defined with code like:</p>
- <xmp>
+ <pre><![CDATA[
@counter-style triangle {
type: repeating;
glyphs: "▶";
}
- </xmp>
+]]></pre>
<p>It will then produce lists that look like:</p>
@@ -1255,7 +1255,7 @@
▶ First item
▶ Second item
▶ Third item
- </pre>
+</pre>
</div>
</dd>
@@ -1465,9 +1465,9 @@
the counter style instead drops down to its fallback counter style. The property
is defined as:</p>
- <xmp class=prod>
+ <pre class=prod><![CDATA[
<counter-range> = [<integer> | infinite]{2}
- </xmp>
+]]></pre>
<p>The first value represents the lower bound of the range (with 'infinite'
representing negative infinity), and the second value represents the upper bound
@@ -1490,9 +1490,9 @@
of the counter style types to construct their representations. It is defined
as:</p>
- <xmp class=prod>
+ <pre class=prod><![CDATA[
<counter-glyphs> = [ <string> | <image> ]+
- </xmp>
+]]></pre>
<p>Some counter style types specify that the 'glyphs' property must have at
least two entries. If the counter style's type is set to such a type, it is
@@ -1513,9 +1513,9 @@
of the counter value when constructing the default contents of the ::marker
pseudo-element. It is defined as:</p>
- <xmp class=prod>
+ <pre class=prod><![CDATA[
<counter-prefix> = <string>
- </xmp>
+]]></pre>
<p>If the 'prefix' property is omitted or invalid, its initial value is ""
(the empty string).</p>
@@ -1527,9 +1527,9 @@
of the counter value when constructing the default contents of the ::marker
pseudo-element. It is defined as:</p>
- <xmp class=prod>
+ <pre class=prod><![CDATA[
<counter-suffix> = <string>
- </xmp>
+]]></pre>
<p>If the 'suffix' property is omitted or invalid, its initial value is "."
U+002E FULL STOP.</p>
@@ -1543,9 +1543,9 @@
representation is instead generated by the fallback counter style. It is defined
as:</p>
- <xmp class=prod>
+ <pre class=prod><![CDATA[
<counter-style-fallback> = <counter-style-name>
- </xmp>
+]]></pre>
<p>If the 'fallback' property is omitted, invalid, or refers to a non-existent
counter style, its initial value is 'decimal' (which is guaranteed to be defined).</p>
@@ -1620,8 +1620,7 @@
li::marker { margin-right: 1em; text-align: right; }
*/
-
- </pre>
+</pre>
<p class="issue">Another example is required here.</p>
<!--
@@ -1647,7 +1646,7 @@
to a counter style name defined in this stylesheet.</p>
<pre class=css><code>
- <p class=issue>Fill this in.</p>
+ <span class=issue>Fill this in.</span>
</code></pre>
<!-- ====================================================================== -->
Received on Saturday, 12 March 2011 13:00:26 UTC