1
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN">
4 <title>CSS
2.1 Test Suite: dynamic changes to 'counter-increment'
</title>
5 <link rel=
"help" href=
"http://www.w3.org/TR/CSS21/generate.html#counters">
6 <link rel=
"help" href=
"http://www.w3.org/TR/CSS21/generate.html#propdef-content">
7 <link rel=
"help" href=
"http://www.w3.org/TR/CSS21/syndata.html#counter">
8 <meta http-equiv=
"Content-Script-Type" content=
"text/javascript"></meta>
9 <style type=
"text/css">
11 body
{ white-space: nowrap
; }
14 #test, .reset
{ counter-reset: c
; }
15 .increment:before { content: counters
(c
, ".") "-"; }
16 .increment { counter-increment: c
; }
19 <script type=
"text/javascript">
22 var t
= document
.getElementById("test");
23 var s
= document
.createElement("span");
24 s
.setAttribute("class", "reset");
25 t
.insertBefore(s
, t
.childNodes
.item(1));
30 <body onload=
"setTimeout('run()', 0)">
32 <p>The following two lines should be the same:
</p>
34 <div id=
"test"><span class=
"increment"></span><span class=
"increment"></span><span class=
"increment"></span></div>
36 <div id=
"reference">1-
1.1-
1.2-
</div>