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> </span>	E</div> 33 <div><span> </span>E</div>