c23-first-line-000.xht (2947B)
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-line</title> 5 <link rel="help" href="http://www.w3.org/TR/REC-CSS1#the-first-line-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 <style type="text/css"><![CDATA[ 9 body { color: blue; } 10 p:first-line { color: green; } 11 .two:first-line { font-size: 200%; } 12 .three:first-line { font-variant: small-caps; } 13 ]]></style> 14 <link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#first-line-pseudo" title="5.12.1 The :first-line pseudo-element"/> 15 </head> 16 <body> 17 <p> 18 The <strong>first line</strong> of this paragraph, and only that 19 one, should be <strong>green</strong>. If this precise combination 20 does not occur, then the user agent has failed this test. Remember 21 that in order to ensure a complete test, the paragraph must be 22 displayed on more than one line. Dummy text. Dummy text. Dummy 23 text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. 24 Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy 25 text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. 26 Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy 27 text. Dummy text. Dummy text. Dummy text. 28 </p> 29 <p class="two"> 30 The <strong>first line</strong> of this paragraph, and only that 31 one, should be a <strong>larger</strong> font size as well as 32 <strong>green</strong>. If this precise combination does not occur, 33 then the user agent has failed this test. Remember that in order to 34 ensure a complete test, the paragraph must be displayed on more 35 than one line. Dummy text. Dummy text. Dummy text. Dummy text. 36 Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy 37 text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. 38 Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy 39 text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. 40 Dummy text. Dummy text. 41 </p> 42 <p class="three"> 43 The <strong>first line</strong> of this paragraph, and only that 44 one, should be displayed in <strong>small-caps</strong> style as 45 well as <strong>green</strong>. Thus, if the first line is not in 46 small-caps style, or if the entire paragraph turns out in 47 small-caps, then the user agent has failed this test. Dummy text. 48 Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy 49 text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. 50 Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy 51 text. Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. 52 Dummy text. Dummy text. Dummy text. Dummy text. Dummy text. 53 </p> 54 </body> 55 </html>