Landing changed layout tests that don't dump incorrect backgrounds.
[WebKit-https.git] / LayoutTests / css1 / units / color_units.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: 6.3 Color Units</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 BODY {color: black;}
11 .one {color: #080;}
12 .two {color: #008000;}
13 .three {color: rgb(0,128,0);}
14 .four {color: rgb(0%,50%,0%);}
15 .five {color: rgb(0.0%,50.0%,0.0%);}
16 .six {color: green;}
17 .seven {color: invalidValue;}
18 .eight {color: rgb(0,128,1280);}
19 .nine {color: rgb(0,128,255);}
20 .ten {color: rgb(50%,-500%,60%);}
21 .eleven {color: rgb(50%,0%,60%);}</STYLE>
22
23 </HEAD>
24
25 <BODY><P>The style declarations which apply to the text below are:</P>
26 <PRE>BODY {color: black;}
27 .one {color: #080;}
28 .two {color: #008000;}
29 .three {color: rgb(0,128,0);}
30 .four {color: rgb(0%,50%,0%);}
31 .five {color: rgb(0.0%,50.0%,0.0%);}
32 .six {color: green;}
33 .seven {color: invalidValue;}
34 .eight {color: rgb(0,128,1280);}
35 .nine {color: rgb(0,128,255);}
36 .ten {color: rgb(50%,-500%,60%);}
37 .eleven {color: rgb(50%,0%,60%);}
38 </PRE>
39 <HR>
40 <P>
41 This sentence should be black.
42 </P>
43 <P class="one">
44 This sentence should be green, although slightly different from those that follow.
45 </P>
46 <P class="two">
47 This sentence should be green.
48 </P>
49 <P class="three">
50 This sentence should be green.
51 </P>
52 <P class="four">
53 This sentence should be green.
54 </P>
55 <P class="five">
56 This sentence should be green.
57 </P>
58 <P class="six">
59 This sentence should be green.
60 </P>
61 <P class="seven">
62 This sentence should be black, because the value given for class <CODE>.seven</CODE> is invalid.
63 </P>
64 <P class="eight">
65 This sentence should be a shade of blue-green which, on a typical RGB computer display, exactly matches the next paragraph.
66 </P>
67 <P class="nine">
68 This sentence should be a shade of blue-green which, on a typical RGB computer display, exactly matches the previous paragraph.
69 </P>
70 <P class="ten">
71 This sentence should be a shade of purple which, on a typical RGB computer display, exactly matches the next paragraph.
72 </P>
73 <P class="eleven">
74 This sentence should be a shade of purple which, on a typical RGB computer display, exactly matches the previous paragraph.
75 </P>
76 <P>
77 This sentence should be black.
78 </P>
79 <P STYLE="color: #080;">
80 This sentence should be a slightly different green, and used the <TT>style</TT> attribute.
81 </P>
82 <P STYLE="color: #008000;">
83 This sentence should be green, and used the <TT>style</TT> attribute.
84 </P>
85 <P STYLE="color: rgb(0,128,0);">
86 This sentence should be green, and used the <TT>style</TT> attribute.
87 </P>
88 <P STYLE="color: rgb(0%,50%,0%);">
89 This sentence should be green, and used the <TT>style</TT> attribute.
90 </P>
91 <P STYLE="color: rgb(0.0%,50.0%,0.0%);">
92 This sentence should be green, and used the <TT>style</TT> attribute.
93 </P>
94 <P STYLE="color: green;">
95 This sentence should be green, and used the <TT>style</TT> attribute.
96 </P>
97
98
99 <TABLE border cellspacing="0" cellpadding="3" class="tabletest">
100 <TR>
101 <TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
102 </TR>
103 <TR>
104 <TD bgcolor="silver">&nbsp;</TD>
105 <TD><P>
106 This sentence should be black.
107 </P>
108 <P class="one">
109 This sentence should be green, although slightly different from those that follow.
110 </P>
111 <P class="two">
112 This sentence should be green.
113 </P>
114 <P class="three">
115 This sentence should be green.
116 </P>
117 <P class="four">
118 This sentence should be green.
119 </P>
120 <P class="five">
121 This sentence should be green.
122 </P>
123 <P class="six">
124 This sentence should be green.
125 </P>
126 <P class="seven">
127 This sentence should be black, because the value given for class <CODE>.seven</CODE> is invalid.
128 </P>
129 <P class="eight">
130 This sentence should be a shade of blue-green which, on a typical RGB computer display, exactly matches the next paragraph.
131 </P>
132 <P class="nine">
133 This sentence should be a shade of blue-green which, on a typical RGB computer display, exactly matches the previous paragraph.
134 </P>
135 <P class="ten">
136 This sentence should be a shade of purple which, on a typical RGB computer display, exactly matches the next paragraph.
137 </P>
138 <P class="eleven">
139 This sentence should be a shade of purple which, on a typical RGB computer display, exactly matches the previous paragraph.
140 </P>
141 <P>
142 This sentence should be black.
143 </P>
144 <P STYLE="color: #080;">
145 This sentence should be a slightly different green, and used the <TT>style</TT> attribute.
146 </P>
147 <P STYLE="color: #008000;">
148 This sentence should be green, and used the <TT>style</TT> attribute.
149 </P>
150 <P STYLE="color: rgb(0,128,0);">
151 This sentence should be green, and used the <TT>style</TT> attribute.
152 </P>
153 <P STYLE="color: rgb(0%,50%,0%);">
154 This sentence should be green, and used the <TT>style</TT> attribute.
155 </P>
156 <P STYLE="color: rgb(0.0%,50.0%,0.0%);">
157 This sentence should be green, and used the <TT>style</TT> attribute.
158 </P>
159 <P STYLE="color: green;">
160 This sentence should be green, and used the <TT>style</TT> attribute.
161 </P>
162 </TD></TR></TABLE></BODY>
163 </HTML>