Revised layout tests after the <hr> changes.
[WebKit-https.git] / LayoutTests / css1 / pseudo / firstline.html
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
2 <HTML>
3 <HEAD>
4 <TITLE>CSS1 Test Suite: 2.3 first-line</TITLE>
5 <META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
6 <META http-equiv="Content-Style-Type" content="text/css">
7
8 <LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
9 <STYLE type="text/css">
10 P:first-line {color: green;}
11 .two:first-line {font-size: 200%;}
12 .three:first-line {font-variant: small-caps;}
13 </STYLE>
14
15 </HEAD>
16
17 <BODY><P>The style declarations which apply to the text below are:</P>
18 <PRE>P:first-line {color: green;}
19 .two:first-line {font-size: 200%;}
20 .three:first-line {font-variant: small-caps;}
21
22 </PRE>
23 <HR>
24 <P>
25 The first line of this paragraph, and only that one, should be green.  If this precise combination does not occur, then the user agent has failed this test.  Remember that in order to ensure a complete test, the paragraph must be displayed on more than one line.
26 </P>
27 <P class="two">
28 The first line of this paragraph, and only that one, should be a larger font size as well as green.  If this precise combination does not occur, then the user agent has failed this test.  Remember that in order to ensure a complete test, the paragraph must be displayed on more than one line.
29 </P>
30 <P class="three">
31 The first line of this paragraph, and only that one, should be displayed in small-caps style.  Thus, if the first line is not in small-caps style, OR if the entire paragraph turns out in small-caps, then the user agent has failed this test (although the problem might be that <CODE>small-caps</CODE> is not supported by your browser).  This is extra text included for the purposes of making the paragraph long enough to have more than one line.
32 </P>
33
34
35 <TABLE border cellspacing="0" cellpadding="3" class="tabletest">
36 <TR>
37 <TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
38 </TR>
39 <TR>
40 <TD bgcolor="silver">&nbsp;</TD>
41 <TD><P>
42 The first line of this paragraph, and only that one, should be green.  If this precise combination does not occur, then the user agent has failed this test.  Remember that in order to ensure a complete test, the paragraph must be displayed on more than one line.
43 </P>
44 <P class="two">
45 The first line of this paragraph, and only that one, should be a larger font size as well as green.  If this precise combination does not occur, then the user agent has failed this test.  Remember that in order to ensure a complete test, the paragraph must be displayed on more than one line.
46 </P>
47 <P class="three">
48 The first line of this paragraph, and only that one, should be displayed in small-caps style.  Thus, if the first line is not in small-caps style, OR if the entire paragraph turns out in small-caps, then the user agent has failed this test (although the problem might be that <CODE>small-caps</CODE> is not supported by your browser).  This is extra text included for the purposes of making the paragraph long enough to have more than one line.
49 </P>
50 </TD></TR></TABLE></BODY>
51 </HTML>