Reviewed by Darin.
[WebKit-https.git] / LayoutTests / css1 / color_and_background / background_color.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: 5.3.2 background-color</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 {background-color: green;}
11 .one {background-color: lime;}
12 .two {background-color: transparent;}
13 </STYLE>
14
15 </HEAD>
16
17 <BODY><P>The style declarations which apply to the text below are:</P>
18 <PRE>P {background-color: green;}
19 .one {background-color: lime;}
20 .two {background-color: transparent;}
21
22 </PRE>
23 <HR>
24 <P>
25 This element's background should be green.
26 </P>
27 <P class="one">
28 This element's background should be lime (light green).
29 </P>
30 <P>
31 This element's background should be green, and the last word in this sentence should also have a green <SPAN class="two">background</SPAN>.  This is because the background color of the parent element (the paragraph) should "shine through" the SPANned word "sentence," which was set to <CODE>transparent</CODE>.  If the document background is visible, the browser is in error.
32 </P>
33 <P class="two">
34 This element should allow the document background to "shine through."  There should be no green backgrounds here!
35 </P>
36
37
38 <TABLE border cellspacing="0" cellpadding="3" class="tabletest">
39 <TR>
40 <TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
41 </TR>
42 <TR>
43 <TD bgcolor="silver">&nbsp;</TD>
44 <TD><P>
45 This element's background should be green.
46 </P>
47 <P class="one">
48 This element's background should be lime (light green).
49 </P>
50 <P>
51 This element's background should be green, and the last word in this sentence should also have a green <SPAN class="two">background</SPAN>.  This is because the background color of the parent element (the paragraph) should "shine through" the SPANned word "sentence," which was set to <CODE>transparent</CODE>.  If the document background is visible, the browser is in error.
52 </P>
53 <P class="two">
54 This element should allow the document background to "shine through."  There should be no green backgrounds here!
55 </P>
56 </TD></TR></TABLE></BODY>
57 </HTML>