1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2 <html>
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">
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>