tor-browser

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

block-level-replaced-elements-affected-by-block-step-size.html (2111B)

      1 <!DOCTYPE html>
      2 <html>
      3 <head>
      4 <link rel="author" title="Sammy Gill" href="mailto:sammy.gill@apple.com">
      5 <link rel="help" href="https://drafts.csswg.org/css-rhythm/#block-step-size">
      6 <script src="/resources/testharness.js"></script>
      7 <script src="/resources/testharnessreport.js"></script>
      8 <script src="/resources/check-layout-th.js"></script>
      9 <meta name="assert" content="Checks getComputedStyle for block level replaced margins affected by block-step-size and height of their containers">
     10 <style>
     11 .container {
     12  display: inline flow-root;
     13  width: 100px;
     14 }
     15 .block-step {
     16  display: block;
     17  block-step-size: 100px;
     18  visibility: hidden;
     19 }
     20 
     21 iframe {
     22  border: 0;
     23 }
     24 
     25 </style>
     26 </head>
     27 <body onload="checkLayout('.test')">
     28 
     29 <div class="container test" data-expected-height="100">
     30  <img class="block-step test" src="../../support/60x60-green.png" data-expected-margin-top="20" data-expected-margin-bottom="20"></img>
     31 </div>
     32 
     33 <div class="container test" data-expected-height="100">
     34  <canvas width="20" height="20" class="block-step test" data-expected-margin-top="40" data-expected-margin-bottom="40"></canvas>
     35 </div>
     36 
     37 <div class="container test" data-expected-height="100">
     38  <svg class="block-step test" viewBox="0 0 100 50" data-expected-margin-top="25" data-expected-margin-bottom="25"></svg>
     39 </div>
     40 
     41 <div class="container test" data-expected-height="100">
     42  <embed type="text/xml" width="20" height="20" class="block-step test" data-expected-margin-top="40" data-expected-margin-bottom="40"></embed>
     43 </div>
     44 <div class="container test" data-expected-height="100">
     45  <iframe src="" width="20" height="20" class="block-step test" data-expected-margin-top="40" data-expected-margin-bottom="40"></iframe>
     46 </div>
     47 
     48 <div class="container test" data-expected-height="100">
     49  <object width="20" height="20" class="block-step test" data-expected-margin-top="40" data-expected-margin-bottom="40"></object>
     50 </div>
     51 
     52 <div class="container test" data-expected-height="100">
     53  <video width="20" height="20" class="block-step test" data-expected-margin-top="40" data-expected-margin-bottom="40"></video>
     54 </div>
     55 
     56 </body>
     57 </html>