counter-reset-increment-002

counter-reset - negative value with positive counter-increment

WeasyPrint

This browser

Assertion
A positive counter-increment can apply to a counter-reset that is negative.

Source

 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>