c23-first-line-000

first-line

WeasyPrint

This browser

Source

 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>