tor-browser

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

column-scroll-marker-counters.html (878B)


      1 <!DOCTYPE html>
      2 <title>CSS Overflow Test: ::column::scroll-marker counters</title>
      3 <link rel="match" href="column-scroll-marker-counters-ref.html">
      4 <link rel="help" href="https://www.w3.org/TR/css-multicol-2/#column-pseudo">
      5 <style>
      6  #scroller {
      7    overflow: hidden;
      8    scroll-marker-group: after;
      9    counter-reset: item;
     10    columns: 1;
     11    gap: 0;
     12    height: 100px;
     13    width: 100px;
     14  }
     15  #scroller::scroll-marker-group {
     16    border: 3px solid black;
     17    display: flex;
     18    height: 100px;
     19    width: 300px;
     20  }
     21  #scroller::column::scroll-marker {
     22    content: counter(item);
     23    counter-increment: item;
     24    background-color: green;
     25    border-radius: 50%;
     26    height: 100px;
     27    width: 100px;
     28  }
     29  .item {
     30    height: 100px;
     31    width: 100px;
     32  }
     33 </style>
     34 <div id="scroller">
     35  <div class="item">1</div>
     36  <div class="item">2</div>
     37  <div class="item">3</div>
     38 </div>