tor-browser

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

content-counters-009.xht (3335B)

      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, ".", georgian)</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, ".", 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    &#x10D0;.&#x10D0;
     70    &#x10D0;.&#x10D1;
     71    &#x10D0;.&#x10D2;
     72    &#x10D0;.&#x10D3;
     73    &#x10D0;.&#x10D4;
     74    &#x10D0;.&#x10D5;
     75    &#x10D0;.&#x10D6;
     76    &#x10D0;.&#x10F1;
     77    &#x10D0;.&#x10D7;
     78    &#x10D0;.&#x10D8;
     79    &#x10D0;.&#x10D8;&#x10D0;
     80    &#x10D0;.&#x10D8;&#x10D1;
     81    &#x10D0;.&#x10D9;
     82    &#x10D0;.&#x10DA;
     83    &#x10D0;.&#x10DB;
     84    &#x10D0;.&#x10DC;
     85    &#x10D0;.&#x10F2;
     86    &#x10D0;.&#x10DD;
     87    &#x10D0;.&#x10DE;
     88    &#x10D0;.&#x10DF;
     89    &#x10D0;.&#x10E0;
     90    &#x10D0;.&#x10E1;
     91    &#x10D0;.&#x10E2;
     92    &#x10D0;.&#x10F3;
     93    &#x10D0;.&#x10E4;
     94    &#x10D0;.&#x10E5;
     95    &#x10D0;.&#x10E6;
     96    &#x10D0;.&#x10E7;
     97    &#x10D0;.&#x10E8;
     98    &#x10D0;.&#x10E9;
     99    &#x10D0;.&#x10EA;
    100    &#x10D0;.&#x10EB;
    101    &#x10D0;.&#x10EC;
    102    &#x10D0;.&#x10ED;
    103    &#x10D0;.&#x10EE;
    104    &#x10D0;.&#x10F4;
    105    &#x10D0;.&#x10EF;
    106    &#x10D0;.&#x10F0;
    107    &#x10D0;.&#x10F5;
    108    &#x10D0;.&#x10F5;&#x10F0;&#x10E8;&#x10DF;&#x10D7;
    109  </div>
    110 
    111  </body>
    112 </html>