font-size-113.xht (1270B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 5 <head> 6 7 <title>CSS Test: font-size - ex unit</title> 8 9 <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> 10 <link rel="help" href="http://www.w3.org/TR/CSS21/fonts.html#font-size-props" /> 11 <link rel="help" href="http://www.w3.org/TR/css-fonts-3/#font-size-prop"/> 12 <meta name="flags" content="ahem" /> 13 <meta name="assert" content="'em' and 'ex' length values when defining 'font-size' property refer to the computed font size of the parent element." /> 14 15 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 16 <style type="text/css"><![CDATA[ 17 div 18 { 19 font-family: Ahem; 20 line-height: 1; 21 margin-top: 8px; 22 } 23 24 div#parent {font-size: 40px;} 25 26 div#test {font-size: 20px;} 27 28 div#control, div#test {font-size: 2.5ex;} 29 30 div#control2 {font-size: 80px;} 31 ]]></style> 32 33 </head> 34 35 <body> 36 37 <p>Test passes if the 3 black squares have <strong>the same width and the same height</strong>.</p> 38 39 <div id="parent"> 40 41 <div id="control">C</div> 42 43 <div id="test">T</div> 44 45 </div> 46 47 <div id="control2">2</div> 48 49 </body> 50 </html>