tor-browser

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

content-counter-002.xht (1357B)

      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: counter(c, disc)</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   <link rel="match" href="content-counter-002-ref.xht"/>
     10   <style type="text/css">
     11 
     12   div { white-space: nowrap; }
     13 
     14 
     15   #test { counter-reset: c; color: blue; }
     16   #test span { counter-increment: c; }
     17   #test span:before { content: counter(c, disc); }
     18 
     19   </style>
     20  </head>
     21  <body>
     22 
     23  <p>There should be a string of 12 blue filled circles below. (A string of
     24     12 black circles is provided on the second line for reference.):</p>
     25 
     26  <div id="test">
     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></span>
     39  </div>
     40 
     41  <div>
     42    &#x2022;
     43    &#x2022;
     44    &#x2022;
     45    &#x2022;
     46    &#x2022;
     47    &#x2022;
     48    &#x2022;
     49    &#x2022;
     50    &#x2022;
     51    &#x2022;
     52    &#x2022;
     53    &#x2022;
     54  </div>
     55 
     56  </body>
     57 </html>