tor-browser

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

tab-size-inheritance-001.html (1014B)


      1 <!DOCTYPE html>
      2 <meta charset="utf-8">
      3 <title>CSS Text level 3 Test: tab-size in lengths inherit as absolute lengths</title>
      4 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
      5 <link rel="help" href="https://drafts.csswg.org/css-text-3/#tab-size-property">
      6 <link rel="match" href="tab-size-inheritance-001-ref.html">
      7 <meta name="assert" content="tab-size in lengths inherit as absolute lengths">
      8 <style>
      9 .test {
     10  font-family: monospace;
     11  font-size: 10px;
     12  tab-size: 5em;
     13 }
     14 .test div {
     15  white-space: pre;
     16  font-size: 20px
     17 }
     18 .test span {
     19  display: inline-block;
     20  width: 20px;
     21  height: 20px;
     22  background: green;
     23 }
     24 .ref {
     25  z-index: -1;
     26  margin-left: 50px;
     27  position: absolute;
     28  width: 20px;
     29  height: 20px;
     30  background: red;
     31 
     32  /* this is to avoid antialiasing effects at the edge */
     33  box-sizing: border-box;
     34  border: 2px solid white;
     35 }
     36 </style>
     37 
     38 <p>Test passes if there is a green square and no red.
     39 <div class=ref></div>
     40 <div class=test><div>&#x09;<span></span></div></div>