font-size-117.xht (1830B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Test: font-sizes in pixels compared to images in pixels</title> 5 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> 6 <link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/fonts/size/007.html" type="text/html"/> 7 <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" /> 8 <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/> 9 <style type="text/css"> 10 p { color: navy; } 11 span { color: silver; } 12 .a { font: 10px Arial, sans-serif; } 13 .b { font: 20px Arial, sans-serif; } 14 .c { font: 30px Arial, sans-serif; } 15 .a img { height: 10px; } 16 .b img { height: 20px; } 17 .c img { height: 30px; } 18 </style> 19 </head> 20 <body> 21 22 <p class="a">The box X<img src="support/1x1-navy.png" 23 alt="[FAIL]"/>X should be taller than the Xs on either side of 24 it. <span>xxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx 25 xxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxx 26 xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxx</span></p> 27 28 <p class="b">The box X<img src="support/1x1-navy.png" 29 alt="[FAIL]"/>X should be taller than the Xs on either side of 30 it. <span>xxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx 31 xxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxx 32 xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxx</span></p> 33 34 <p class="c">The box X<img src="support/1x1-navy.png" 35 alt="[FAIL]"/>X should be taller than the Xs on either side of 36 it. <span>xxxxxxxxxx xxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx 37 xxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxx 38 xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxx</span></p> 39 40 </body> 41 </html>