tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

content-counters-010.xht (3175B)


      1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
      2 <html xmlns="http://www.w3.org/1999/xhtml">
      3  <head>
      4   <title>CSS Test: content: counters(c, ".", armenian)</title>
      5   <link rel="author" title="L. David Baron" href="https://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    &#x531;.&#x531;
     69    &#x531;.&#x532;
     70    &#x531;.&#x533;
     71    &#x531;.&#x534;
     72    &#x531;.&#x535;
     73    &#x531;.&#x536;
     74    &#x531;.&#x537;
     75    &#x531;.&#x538;
     76    &#x531;.&#x539;
     77    &#x531;.&#x53A;
     78    &#x531;.&#x53A;&#x531;
     79    &#x531;.&#x53A;&#x532;
     80    &#x531;.&#x53B;
     81    &#x531;.&#x53C;
     82    &#x531;.&#x53D;
     83    &#x531;.&#x53E;
     84    &#x531;.&#x53F;
     85    &#x531;.&#x540;
     86    &#x531;.&#x541;
     87    &#x531;.&#x542;
     88    &#x531;.&#x543;
     89    &#x531;.&#x544;
     90    &#x531;.&#x545;
     91    &#x531;.&#x546;
     92    &#x531;.&#x547;
     93    &#x531;.&#x548;
     94    &#x531;.&#x549;
     95    &#x531;.&#x54A;
     96    &#x531;.&#x54B;
     97    &#x531;.&#x54C;
     98    &#x531;.&#x54D;
     99    &#x531;.&#x54E;
    100    &#x531;.&#x54F;
    101    &#x531;.&#x550;
    102    &#x531;.&#x551;
    103    &#x531;.&#x552;
    104    &#x531;.&#x553;
    105    &#x531;.&#x554;
    106    &#x531;.&#x554;&#x54B;&#x542;&#x539;
    107  </div>
    108 
    109  </body>
    110 </html>