LayoutTests/css2.1/t1202-counters-06-b.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
   2 <html>
   3  <head>
   4   <title>CSS 2.1 Test Suite: content: counters(c, &quot;.", decimal-leading-zero)</title>
   5   <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content">
   6   <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter">
   7   <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles">
   8   <meta http-equiv="Content-Style-Type" content="text/css"></meta>
   9   <style type="text/css">
  10
  11   body { white-space: nowrap; }
  12
  13
  14   body, #test span:first-child { counter-reset: c; }
  15   p, #test span { counter-increment: c; }
  16   #test span:before { content: counters(c, ".", decimal-leading-zero); }
  17
  18   </style>
  19  </head>
  20  <body>
  21
  22  <p>The following two lines should look the same:</p>
  23
  24  <div id="test">
  25    <span></span>
  26    <span></span>
  27    <span></span>
  28    <span></span>
  29    <span></span>
  30    <span></span>
  31    <span></span>
  32    <span></span>
  33    <span></span>
  34    <span></span>
  35    <span></span>
  36    <span></span>
  37    <span style="counter-reset: c 98"></span>
  38    <span></span>
  39    <span></span>
  40  </div>
  41
  42  <div>
  43    01.01
  44    01.02
  45    01.03
  46    01.04
  47    01.05
  48    01.06
  49    01.07
  50    01.08
  51    01.09
  52    01.10
  53    01.11
  54    01.12
  55    01.99
  56    01.100
  57    01.101
  58  </div>
  59
  60  </body>
  61 </html>