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 t
.removeChild(t
.childNodes
.item(1));
28 <body onload=
"setTimeout('run()', 0)">
30 <p>The following two lines should be the same:
</p>
32 <div id=
"test"><span class=
"increment"></span><span class=
"reset"></span><span class=
"increment"></span><span class=
"increment"></span></div>
34 <div id=
"reference">1-
2-
3-
</div>