content-counters-009

content: counters(c, ".", georgian)

WeasyPrint

This browser

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: content: counters(c, ".", georgian)</title>
  5   <link rel="author" title="L. David Baron" href="http://dbaron.org/">
  6   <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#propdef-content">
  7   <link rel="help" href="http://www.w3.org/TR/CSS21/syndata.html#counter">
  8   <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#counter-styles">
  9   <meta http-equiv="Content-Style-Type" content="text/css">
 10   <style type="text/css">
 11 
 12   body { white-space: nowrap; }
 13 
 14 
 15   body, #test span:first-child { counter-reset: c; }
 16   p, #test span { counter-increment: c; }
 17   #test span:before { content: counters(c, ".", georgian); }
 18 
 19   </style>
 20  </head>
 21  <body>
 22 
 23  <p>The following two lines should look the same:</p>
 24 
 25  <div id="test">
 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></span>
 38    <span style="counter-reset: c 19"></span>
 39    <span style="counter-reset: c 29"></span>
 40    <span style="counter-reset: c 39"></span>
 41    <span style="counter-reset: c 49"></span>
 42    <span style="counter-reset: c 59"></span>
 43    <span style="counter-reset: c 69"></span>
 44    <span style="counter-reset: c 79"></span>
 45    <span style="counter-reset: c 89"></span>
 46    <span style="counter-reset: c 99"></span>
 47    <span style="counter-reset: c 199"></span>
 48    <span style="counter-reset: c 299"></span>
 49    <span style="counter-reset: c 399"></span>
 50    <span style="counter-reset: c 499"></span>
 51    <span style="counter-reset: c 599"></span>
 52    <span style="counter-reset: c 699"></span>
 53    <span style="counter-reset: c 799"></span>
 54    <span style="counter-reset: c 899"></span>
 55    <span style="counter-reset: c 999"></span>
 56    <span style="counter-reset: c 1999"></span>
 57    <span style="counter-reset: c 2999"></span>
 58    <span style="counter-reset: c 3999"></span>
 59    <span style="counter-reset: c 4999"></span>
 60    <span style="counter-reset: c 5999"></span>
 61    <span style="counter-reset: c 6999"></span>
 62    <span style="counter-reset: c 7999"></span>
 63    <span style="counter-reset: c 8999"></span>
 64    <span style="counter-reset: c 9999"></span>
 65    <span style="counter-reset: c 19998"></span>
 66  </div>
 67 
 68  <div>
 69    ა.ა
 70    ა.ბ
 71    ა.გ
 72    ა.დ
 73    ა.ე
 74    ა.ვ
 75    ა.ზ
 76    ა.ჱ
 77    ა.თ
 78    ა.ი
 79    ა.ია
 80    ა.იბ
 81    ა.კ
 82    ა.ლ
 83    ა.მ
 84    ა.ნ
 85    ა.ჲ
 86    ა.ო
 87    ა.პ
 88    ა.ჟ
 89    ა.რ
 90    ა.ს
 91    ა.ტ
 92    ა.ჳ
 93    ა.ფ
 94    ა.ქ
 95    ა.ღ
 96    ა.ყ
 97    ა.შ
 98    ა.ჩ
 99    ა.ც
100    ა.ძ
101    ა.წ
102    ა.ჭ
103    ა.ხ
104    ა.ჴ
105    ა.ჯ
106    ა.ჰ
107    ა.ჵ
108    ა.ჵჰშჟთ
109  </div>
110 
111  </body>
112 </html>