tor-browser

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

change-display-in-container.html (765B)

      1 <!doctype html>
      2 <title>CSS Container Queries Test: Change display and box inside a container</title>
      3 <link rel="help" href="https://drafts.csswg.org/css-conditional-5/#container-queries">
      4 <link rel="match" href="change-display-in-container-ref.html">
      5 <style>
      6  .fail { display: inline; }
      7  .pass { display: none; }
      8  #container { container-type: size; width: 100px; }
      9  @container (min-width: 200px) {
     10    .fail { display: none; }
     11    .pass { display: inline; }
     12  }
     13 </style>
     14 <p>You should see the word PASS below.</p>
     15 <div id="container">
     16  <span>
     17    <span class="fail">FAIL</span>
     18  </span>
     19  <span>
     20    <span class="pass">PASS</span>
     21    <span class="fail">FAIL</span>
     22  </span>
     23 </div>
     24 <script>
     25  container.offsetTop;
     26  container.style.width = "auto";
     27 </script>