tor-browser

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

scroll-buttons-layout-parent.html (849B)


      1 <!DOCTYPE html>
      2 <meta charset="utf-8">
      3 <title>CSS Overflow Test: ::scroll-buttons() have correct layout parent</title>
      4 <link rel="help" href="https://drafts.csswg.org/css-overflow-5/#scroll-buttons">
      5 <link rel="match" href="../reference/ref-filled-green-100px-square.xht">
      6 <style>
      7  #sc {
      8    z-index: 1;
      9    overflow: hidden;
     10    width: 100px;
     11    height: 100px;
     12    background: red;
     13  }
     14  #sc::scroll-button(left) {
     15    content: "";
     16    border: none;
     17    margin-left: -100px;
     18    z-index: 2;
     19    width: 50px;
     20    height: 100px;
     21    background: green;
     22  }
     23  #sc::scroll-button(right) {
     24    content: "";
     25    border: none;
     26    z-index: 2;
     27    width: 50px;
     28    height: 100px;
     29    background: green;
     30  }
     31 </style>
     32 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
     33 <div style="display:flex;">
     34  <div id="sc"></div>
     35 </div>