content-counters-010

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

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, ".", armenian)</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, ".", armenian); }
 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 9998"></span>
 65  </div>
 66 
 67  <div>
 68    Ա.Ա
 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  </div>
108 
109  </body>
110 </html>