case-sensitive-005

Case-sensitivity of counter names

WeasyPrint

This browser

Assertion
Counter names are case-sensitive.

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3  <head>
 4   <title>CSS Test: Case-sensitivity of counter names</title>
 5   <link rel="author" title="Elika J. Etemad" href="http://fantasai.inkedblade.net/">
 6   <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#characters">
 7   <meta name="assert" content="Counter names are case-sensitive.">
 8   <style type="text/css">
 9     .reset { counter-reset: test 5 tEsT 9; }
10     .incr  { counter-reset: TEST 0 tEsT 0; counter-increment: TEST 5 tEsT 9; }
11     span:before { content: counter(tEsT); }
12     span { color: blue; font: larger bold monospace; }
13   </style>
14 
15  </head>
16  <body>
17 
18   <p>The number 99 must appear below.</p>
19 
20   <p><span class="reset"></span><span class="incr"></span></p>
21 
22  </body>
23 </html>