c24-first-lttr-000.xht (1803B)
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: first-letter</title> 5 <link rel="help" href="http://www.w3.org/TR/REC-CSS1#the-first-letter-pseudo-element"/> 6 <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/> 7 <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> 8 <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-04-04 --> 9 10 <style type="text/css"><![CDATA[ 11 body { color: blue; } 12 p:first-letter {color: green;} 13 .two:first-letter {font-size: 200%;} 14 p.three:first-letter {font-size: 350%;} 15 ]]></style> 16 <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-letter" title="5.12.2 The :first-letter pseudo-element"/> 17 18 </head> 19 <body> 20 <p> 21 The <strong>first letter</strong> of this paragraph, and only that 22 one, should be <strong>green</strong>. If this precise combination 23 does not occur, then the user agent has failed this test. 24 </p> 25 <p class="two"> 26 The <strong>first letter</strong> of this paragraph, and only that 27 one, should be in a <strong>larger</strong> font size, as well as 28 <strong>green</strong>. If this precise combination does not occur, 29 then the user agent has failed this test. 30 </p> 31 32 <p class="three"> 33 "The <strong>first two characters</strong> in this paragraph (a 34 double-quote mark and a capital 'T') should be in a <strong>much 35 larger</strong> font size than the rest of the paragraph, and 36 <strong>green</strong>. If this precise combination does not occur, 37 then the user agent has failed this test. 38 </p> 39 </body> 40 </html>