tor-browser

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

tab-size-integer-005.html (1101B)


      1 <!DOCTYPE html>
      2 <html>
      3 <meta charset=utf-8>
      4 <title>CSS Text Test: tab-size</title>
      5 <link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
      6 <link rel="help" href="http://www.w3.org/TR/css-text-3/#tab-size">
      7 <link rel="match" href="tab-size-integer-005-ref.html">
      8 <meta name="assert" content="Integer tab sizes are based on the width of <space> in the block container">
      9 <style>
     10 @font-face {
     11    /* this font-family does not support <space>, so should not be used to resolve tab-size */
     12    font-family: without-space;
     13    src: url("/fonts/CanvasTest-nospace.ttf");
     14 }
     15 @font-face {
     16    /* the <space> in this font is much narrower than the default/.notdef in "first" */
     17    font-family: with-space;
     18    src: url("/fonts/GentiumPlus-R.woff");
     19 }
     20 div {
     21    font: 40px/2 without-space, with-space, sans-serif;
     22    white-space: pre;
     23    tab-size: 8;
     24 }
     25 span {
     26    font-family: with-space, sans-serif;
     27 }
     28 </style>
     29 
     30 <p>Test passes if the two black squares below are vertically aligned.
     31 
     32 <div><span>&nbsp;</span>&#09;E</div>
     33 <div><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>E</div>