Skip to content

Commit 310c18a

Browse files
bert-githubbert-github
committed
Replaced "<xmp>" with "<pre><![CDATA[".
1 parent 2af3c4b commit 310c18a

1 file changed

Lines changed: 44 additions & 45 deletions

File tree

‎css3-lists/Overview.src.html‎

Lines changed: 44 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
22
<html><head>
33
<title>CSS Lists and Counters Module Level 3</title>
4-
<meta charset=utf-8>
4+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
55
<link rel="stylesheet" type="text/css" href="http://dev.w3.org/csswg/default.css">
66
<style type="text/css">
77
td, th { padding: 0 0.5em; }
@@ -104,7 +104,7 @@ <h2>
104104
<p>For instance, the following example illustrates how markers may be used to add parentheses around
105105
each numbered list item. This HTML application and style sheet:</p>
106106

107-
<xmp>
107+
<pre><![CDATA[
108108
<!doctype html>
109109
<html>
110110
<head>
@@ -122,15 +122,15 @@ <h2>
122122
</ol>
123123
</body>
124124
</html>
125-
</xmp>
125+
]]></pre>
126126

127127
<p>should produce something like this: </p>
128128

129129
<pre>
130130
(i) This is the first item.
131131
(ii) This is the second item.
132132
(iii) This is the third item.
133-
</pre>
133+
</pre>
134134
</div>
135135

136136
<p>With descendant selectors and child selectors, it's possible to specify different marker types
@@ -739,11 +739,11 @@ <h2 id=content-property>
739739
<pre>
740740
li { display: list-item; list-style-type: decimal /* initial value */; }
741741
li::marker { content: normal /* initial value */; }
742-
</pre>
742+
</pre>
743743
<p>And the following document fragment:</p>
744-
<xmp>
744+
<pre><![CDATA[
745745
<li>List Item</li>
746-
</xmp>
746+
]]></pre>
747747
<p>The computed value of the 'content' property on the ''::marker''
748748
pseudo-element of the list item element is:</p>
749749
<pre>counter(list-item, decimal) "."</pre>
@@ -845,7 +845,7 @@ <h2 id=list-style-position-property>
845845
<div class=example>
846846
<p>For example:
847847

848-
<xmp class=html-example>
848+
<pre class=html-example><![CDATA[
849849
<!doctype html>
850850
<html>
851851
<head>
@@ -866,7 +866,7 @@ <h2 id=list-style-position-property>
866866
</ul>
867867
</body>
868868
</html>
869-
</xmp>
869+
]]></pre>
870870

871871
<p>The above example may be formatted as:</p>
872872

@@ -913,7 +913,7 @@ <h2 id=list-style-property>
913913
<pre>
914914
UL { list-style: upper-roman inside } /* Any UL */
915915
UL > UL { list-style: circle outside } /* Any UL child of a UL */
916-
</pre>
916+
</pre>
917917
</div>
918918

919919
<p>Although authors may specify 'list-style' information directly on
@@ -923,12 +923,12 @@ <h2 id=list-style-property>
923923
<pre class="example">
924924
OL.alpha LI { list-style: lower-alpha } /* Any LI descendant of an OL */
925925
OL.alpha > LI { list-style: lower-alpha } /* Any LI child of an OL */
926-
</pre>
926+
</pre>
927927

928928
<p>Authors who use only the descendant selector may not
929929
achieve the results they expect. Consider the following rules:</p>
930930

931-
<xmp class="html-example">
931+
<pre class="html-example"><![CDATA[
932932
<!doctype html>
933933
<html>
934934
<head>
@@ -948,7 +948,7 @@ <h2 id=list-style-property>
948948
</ol>
949949
</body>
950950
</html>
951-
</xmp>
951+
]]></pre>
952952

953953
<p>The desired rendering would have level 1 list items with 'lower-alpha' labels and level 2 items
954954
with 'disc' labels. However, the cascading order will cause the first style rule (which includes
@@ -958,15 +958,15 @@ <h2 id=list-style-property>
958958
<pre class="example">
959959
OL.alpha > LI { list-style: lower-alpha }
960960
UL LI { list-style: disc }
961-
</pre>
961+
</pre>
962962

963963
<p>Another solution would be to specify 'list-style' information only
964964
on the list type elements:
965965

966966
<pre class="example">
967967
OL.alpha { list-style: lower-alpha }
968968
UL { list-style: disc }
969-
</pre>
969+
</pre>
970970

971971
<p>Inheritance will transfer the 'list-style' values from OL and UL
972972
elements to LI elements. This is the recommended way to specify list style information.</p>
@@ -976,7 +976,7 @@ <h2 id=list-style-property>
976976

977977
<pre>
978978
UL { list-style: url("http://png.com/ellipse.png") disc }
979-
</pre>
979+
</pre>
980980
<p> In the example above, the 'disc' will be used when the image is unavailable.</p>
981981
</div>
982982

@@ -1013,7 +1013,7 @@ <h2 id=marker-pseudoelement>
10131013
<p>In the following example, the content is centered within a marker
10141014
box of a fixed width. This document:</p>
10151015

1016-
<xmp class=html-example>
1016+
<pre class=html-example><![CDATA[
10171017
<!doctype html>
10181018
<html>
10191019
<head>
@@ -1038,7 +1038,7 @@ <h2 id=marker-pseudoelement>
10381038
</ol>
10391039
</body>
10401040
</html>
1041-
</xmp>
1041+
]]></pre>
10421042

10431043
<p>should render something like this: </p>
10441044

@@ -1049,7 +1049,7 @@ <h2 id=marker-pseudoelement>
10491049
second item.
10501050
(3) This is the
10511051
third item.
1052-
</pre>
1052+
</pre>
10531053
</div>
10541054

10551055

@@ -1058,7 +1058,7 @@ <h2 id=marker-pseudoelement>
10581058
<div class="html-example">
10591059
<p>The following document:</p>
10601060

1061-
<xmp class=html-example>
1061+
<pre class=html-example><![CDATA[
10621062
<!doctype html>
10631063
<html>
10641064
<head>
@@ -1082,7 +1082,7 @@ <h2 id=marker-pseudoelement>
10821082
<p>This is the end.</p>
10831083
</body>
10841084
</html>
1085-
</xmp>
1085+
]]></pre>
10861086

10871087
<p>should render something like this:</p>
10881088

@@ -1094,14 +1094,14 @@ <h2 id=marker-pseudoelement>
10941094
document.
10951095

10961096
This is the end.
1097-
</pre>
1097+
</pre>
10981098
</div>
10991099

11001100
<div class="html-example">
11011101
<p>The following example illustrates how markers may be offset from their element. This HTML
11021102
application and style sheet:</p>
11031103

1104-
<xmp class=html-example>
1104+
<pre class=html-example><![CDATA[
11051105
<!doctype html>
11061106
<html>
11071107
<head>
@@ -1122,7 +1122,7 @@ <h2 id=marker-pseudoelement>
11221122
<p>This is a long following paragraph ...</p>
11231123
</body>
11241124
</html>
1125-
</xmp>
1125+
]]></pre>
11261126

11271127
<p>should render something like this: </p>
11281128

@@ -1136,7 +1136,7 @@ <h2 id=marker-pseudoelement>
11361136

11371137
This is a long following
11381138
paragraph ...
1139-
</pre>
1139+
</pre>
11401140

11411141
<p>(Note the use of the implicit counter increment.)</p>
11421142
</div>
@@ -1165,7 +1165,7 @@ <h3 id=counter-style-syntax>
11651165

11661166
<p>The ''@counter-style'' rule is defined as:</p>
11671167

1168-
<xmp class=prod>
1168+
<pre class=prod><![CDATA[
11691169
@counter-style <counter-style-name> {
11701170
type:
11711171
range:
@@ -1176,7 +1176,7 @@ <h3 id=counter-style-syntax>
11761176
suffix:
11771177
fallback:
11781178
}
1179-
</xmp>
1179+
]]></pre>
11801180

11811181
<p class=issue>Copy the way other specs define new @-rules that contain decl
11821182
blocks, like @font-face.</p>
@@ -1211,9 +1211,9 @@ <h4 id=counter-style-type>
12111211
type counter styles interpret their glyphs as digits and build their representation
12121212
accordingly. It is defined as:
12131213

1214-
<xmp class=prod>
1214+
<pre class=prod><![CDATA[
12151215
<counter-type> = repeating | numeric | alphabetic | symbolic | [ non-repeating <integer>? ] | cjk | additive
1216-
</xmp>
1216+
]]></pre>
12171217

12181218
<dl>
12191219
<dt><dfn>repeating</dfn></dt>
@@ -1242,20 +1242,20 @@ <h4 id=counter-style-type>
12421242
<div class=example>
12431243
<p>A 'triangle bullet' list style can be defined with code like:</p>
12441244

1245-
<xmp>
1245+
<pre><![CDATA[
12461246
@counter-style triangle {
12471247
type: repeating;
12481248
glyphs: "▶";
12491249
}
1250-
</xmp>
1250+
]]></pre>
12511251

12521252
<p>It will then produce lists that look like:</p>
12531253

12541254
<pre>
12551255
▶ First item
12561256
▶ Second item
12571257
▶ Third item
1258-
</pre>
1258+
</pre>
12591259
</div>
12601260
</dd>
12611261

@@ -1465,9 +1465,9 @@ <h3 id=counter-style-range>
14651465
the counter style instead drops down to its fallback counter style. The property
14661466
is defined as:</p>
14671467

1468-
<xmp class=prod>
1468+
<pre class=prod><![CDATA[
14691469
<counter-range> = [<integer> | infinite]{2}
1470-
</xmp>
1470+
]]></pre>
14711471

14721472
<p>The first value represents the lower bound of the range (with 'infinite'
14731473
representing negative infinity), and the second value represents the upper bound
@@ -1490,9 +1490,9 @@ <h3 id=counter-style-glyphs>
14901490
of the counter style types to construct their representations. It is defined
14911491
as:</p>
14921492

1493-
<xmp class=prod>
1493+
<pre class=prod><![CDATA[
14941494
<counter-glyphs> = [ <string> | <image> ]+
1495-
</xmp>
1495+
]]></pre>
14961496

14971497
<p>Some counter style types specify that the 'glyphs' property must have at
14981498
least two entries. If the counter style's type is set to such a type, it is
@@ -1513,9 +1513,9 @@ <h3 id=counter-style-prefix>
15131513
of the counter value when constructing the default contents of the ::marker
15141514
pseudo-element. It is defined as:</p>
15151515

1516-
<xmp class=prod>
1516+
<pre class=prod><![CDATA[
15171517
<counter-prefix> = <string>
1518-
</xmp>
1518+
]]></pre>
15191519

15201520
<p>If the 'prefix' property is omitted or invalid, its initial value is ""
15211521
(the empty string).</p>
@@ -1527,9 +1527,9 @@ <h3 id=counter-style-suffix>
15271527
of the counter value when constructing the default contents of the ::marker
15281528
pseudo-element. It is defined as:</p>
15291529

1530-
<xmp class=prod>
1530+
<pre class=prod><![CDATA[
15311531
<counter-suffix> = <string>
1532-
</xmp>
1532+
]]></pre>
15331533

15341534
<p>If the 'suffix' property is omitted or invalid, its initial value is "."
15351535
U+002E FULL STOP.</p>
@@ -1543,9 +1543,9 @@ <h3 id=counter-style-fallback>
15431543
representation is instead generated by the fallback counter style. It is defined
15441544
as:</p>
15451545

1546-
<xmp class=prod>
1546+
<pre class=prod><![CDATA[
15471547
<counter-style-fallback> = <counter-style-name>
1548-
</xmp>
1548+
]]></pre>
15491549

15501550
<p>If the 'fallback' property is omitted, invalid, or refers to a non-existent
15511551
counter style, its initial value is 'decimal' (which is guaranteed to be defined).</p>
@@ -1620,8 +1620,7 @@ <h2 id="html4">
16201620
li::marker { margin-right: 1em; text-align: right; }
16211621

16221622
*/
1623-
1624-
</pre>
1623+
</pre>
16251624

16261625
<p class="issue">Another example is required here.</p>
16271626
<!--
@@ -1647,7 +1646,7 @@ <h2 id=ua-stylesheet>
16471646
to a counter style name defined in this stylesheet.</p>
16481647

16491648
<pre class=css><code>
1650-
<p class=issue>Fill this in.</p>
1649+
<span class=issue>Fill this in.</span>
16511650
</code></pre>
16521651

16531652
<!-- ====================================================================== -->

0 commit comments

Comments
 (0)