Reviewed by Darin.
[WebKit-https.git] / LayoutTests / css1 / color_and_background / background_image.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.3 background-image</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-image: url(../resources/bg.gif);}
11 .one {background-image: none;}
12 </STYLE>
13
14 </HEAD>
15
16 <BODY><P>The style declarations which apply to the text below are:</P>
17 <PRE>P {background-image: url(../resources/bg.gif);}
18 .one {background-image: none;}
19
20 </PRE>
21 <HR>
22 <P>
23 This sentence should be backed by an image-- a green grid pattern, in this case.  The background image should also tile along both axes, because no repeat direction is specified (specific tests for repeating are found elsewhere).
24 </P>
25 <P>
26 This sentence should be backed by a repeated green-grid image, as should the last three words <STRONG><SPAN class="one">in this sentence</SPAN></STRONG>.  If it is not, then <CODE>none</CODE> is interpreted incorrectly.  (<CODE>none</CODE> means that the element has no background image, allowing the parent to "shine through" by default; since the parent of the words "in this sentence" is the paragraph, then the paragraph's image should be visible.)
27 </P>
28 <P class="one">
29 This sentence should NOT be backed by a repeated green-grid image, allowing the page's background to "shine through" instead.
30 </P>
31
32
33 <TABLE border cellspacing="0" cellpadding="3" class="tabletest">
34 <TR>
35 <TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
36 </TR>
37 <TR>
38 <TD bgcolor="silver">&nbsp;</TD>
39 <TD><P>
40 This sentence should be backed by an image-- a green grid pattern, in this case.  The background image should also tile along both axes, because no repeat direction is specified (specific tests for repeating are found elsewhere).
41 </P>
42 <P>
43 This sentence should be backed by a repeated green-grid image, as should the last three words <STRONG><SPAN class="one">in this sentence</SPAN></STRONG>.  If it is not, then <CODE>none</CODE> is interpreted incorrectly.  (<CODE>none</CODE> means that the element has no background image, allowing the parent to "shine through" by default; since the parent of the words "in this sentence" is the paragraph, then the paragraph's image should be visible.)
44 </P>
45 <P class="one">
46 This sentence should NOT be backed by a repeated green-grid image, allowing the page's background to "shine through" instead.
47 </P>
48 </TD></TR></TABLE></BODY>
49 </HTML>