content-counter-010

content: counter(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: counter(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   #test { counter-reset: c; }
 16   #test span { counter-increment: c; }
 17   #test span:before { content: counter(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>