1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
3
4 <head>
5
6 <title>CSS Test: counter-reset - negative value with positive counter-increment</title>
7
8 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
9 <!--
10 Inspired by http://www.hixie.ch/tests/adhoc/css/box/list/list-style-type/002.html
11 and by
12 http://test.csswg.org/suites/css2.1/20100917/html4/list-style-type-017.htm
13 -->
14 <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counters">
15 <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#list-style">
16 <meta content="" name="flags">
17 <meta content="A positive counter-increment can apply to a counter-reset that is negative." name="assert">
18
19 <style type="text/css">
20 ol
21 {
22 counter-reset: list-item -4;
23 list-style-type: none;
24 }
25
26 li:before
27 {
28 content: counter(list-item) ". ";
29 counter-increment: list-item;
30 }
31 </style>
32
33 </head>
34
35 <body>
36
37 <p>The two columns of numbers should be <strong>identical</strong>.</p>
38
39 <ol>
40 <li> -3. </li>
41 <li> -2. </li>
42 <li> -1. </li>
43 <li> 0. </li>
44 <li> 1. </li>
45 <li> 2. </li>
46 <li> 3. </li>
47 </ol>
48
49 </body>
50 </html>