third_party/WebKit/LayoutTests/css2.1/t1202-counters-07-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;.", lower-roman)</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, ".", lower-roman); }
  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 48"></span>
  38    <span></span>
  39    <span style="counter-reset: c 388"></span>
  40    <span></span>
  41    <span style="counter-reset: c 3488"></span>
  42    <span></span>
  43    <span></span>
  44  </div>
  45
  46  <div>
  47    i.i
  48    i.ii
  49    i.iii
  50    i.iv
  51    i.v
  52    i.vi
  53    i.vii
  54    i.viii
  55    i.ix
  56    i.x
  57    i.xi
  58    i.xii
  59    i.xlix
  60    i.l
  61    i.ccclxxxix
  62    i.cccxc
  63    i.mmmcdlxxxix
  64    i.mmmcdxc
  65    i.mmmcdxci
  66  </div>
  67
  68  </body>
  69 </html>