tor-browser

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

tab-size-block-ancestor.html (1133B)

      1 <!DOCTYPE html>
      2 <meta charset="utf-8">
      3 <title>CSS Text level 3 Test: tab-size based on block ancestor's space</title>
      4 <link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
      5 <link rel="help" href="https://drafts.csswg.org/css-text-3/#tab-size-property">
      6 <link rel="match" href="tab-size-block-ancestor-ref.html">
      7 <meta name="assert" content="tab width is based on space character in the block ancestor">
      8 <style>
      9 div {
     10    font: 16px monospace;
     11    white-space: pre;
     12    tab-size: 10;
     13 }
     14 .test1 span {
     15    font-size: 1px;
     16 }
     17 .test2 span {
     18    font-size: 10px;
     19 }
     20 .test3 span {
     21    tab-size: 5;
     22 }
     23 .test4 span {
     24    font-size: 10px;
     25    tab-size: 2.5;
     26 }
     27 b {
     28    font: bold 16px monospace;
     29 }
     30 </style>
     31 
     32 <p>Test passes if the five “A” letters below are vertically aligned with each other.
     33 
     34 <div>
     35 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>A</b><!-- indented by 10 spaces -->
     36 </div>
     37 <div class=test1>
     38 <span>&#9;<b>A</b></span>
     39 </div>
     40 <div class=test2>
     41 <span>&#9;<b>A</b></span>
     42 </div>
     43 <div class=test3>
     44 <span>&#9;&#9;<b>A</b></span>
     45 </div>
     46 <div class=test4>
     47 <span>&#9;&#9;&#9;&#9;<b>A</b></span>
     48 </div>