t41-html4-keywords-a

HTML4 color keywords

WeasyPrint

This browser

Assertion
Test that the HTML4 color keywords have the correct values.

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: HTML4 color keywords</title>
 5 		<link rel="author" title="L. David Baron" href="https://dbaron.org/">
 6 		<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/">
 7 		<link rel="help" href="http://www.w3.org/TR/css3-color/#html4">
 8 		<meta name="flags" content="">
 9 		<meta name="assert" content="Test that the HTML4 color keywords have the correct values.">
10 		<style type="text/css">
11 		html, body { background: #dddddd; color: #000000; }
12 		table { border-spacing: 0; padding: 0; border: none; }
13 		td { border: none; padding: 0; }
14 		</style>
15 	</head>
16 	<body>
17 
18 	<p>Each row in the following table (except the first and last, to show where the columns are) should have two cells with the same background color.  None of them should match the background of the page.</p>
19 
20 	<table>
21 		<tr><td style="background: black">&nbsp;&nbsp;&nbsp;</td><td style="background: white">&nbsp;&nbsp;&nbsp;</td></tr>
22 		<tr><td style="background: black">&nbsp;&nbsp;&nbsp;</td><td style="background: #000000">&nbsp;&nbsp;&nbsp;</td></tr>
23 		<tr><td style="background: green">&nbsp;&nbsp;&nbsp;</td><td style="background: #008000">&nbsp;&nbsp;&nbsp;</td></tr>
24 		<tr><td style="background: silver">&nbsp;&nbsp;&nbsp;</td><td style="background: #C0C0C0">&nbsp;&nbsp;&nbsp;</td></tr>
25 		<tr><td style="background: lime">&nbsp;&nbsp;&nbsp;</td><td style="background: #00FF00">&nbsp;&nbsp;&nbsp;</td></tr>
26 		<tr><td style="background: gray">&nbsp;&nbsp;&nbsp;</td><td style="background: #808080">&nbsp;&nbsp;&nbsp;</td></tr>
27 		<tr><td style="background: olive">&nbsp;&nbsp;&nbsp;</td><td style="background: #808000">&nbsp;&nbsp;&nbsp;</td></tr>
28 		<tr><td style="background: white">&nbsp;&nbsp;&nbsp;</td><td style="background: #FFFFFF">&nbsp;&nbsp;&nbsp;</td></tr>
29 		<tr><td style="background: yellow">&nbsp;&nbsp;&nbsp;</td><td style="background: #FFFF00">&nbsp;&nbsp;&nbsp;</td></tr>
30 		<tr><td style="background: maroon">&nbsp;&nbsp;&nbsp;</td><td style="background: #800000">&nbsp;&nbsp;&nbsp;</td></tr>
31 		<tr><td style="background: navy">&nbsp;&nbsp;&nbsp;</td><td style="background: #000080">&nbsp;&nbsp;&nbsp;</td></tr>
32 		<tr><td style="background: red">&nbsp;&nbsp;&nbsp;</td><td style="background: #FF0000">&nbsp;&nbsp;&nbsp;</td></tr>
33 		<tr><td style="background: blue">&nbsp;&nbsp;&nbsp;</td><td style="background: #0000FF">&nbsp;&nbsp;&nbsp;</td></tr>
34 		<tr><td style="background: purple">&nbsp;&nbsp;&nbsp;</td><td style="background: #800080">&nbsp;&nbsp;&nbsp;</td></tr>
35 		<tr><td style="background: teal">&nbsp;&nbsp;&nbsp;</td><td style="background: #008080">&nbsp;&nbsp;&nbsp;</td></tr>
36 		<tr><td style="background: fuchsia">&nbsp;&nbsp;&nbsp;</td><td style="background: #FF00FF">&nbsp;&nbsp;&nbsp;</td></tr>
37 		<tr><td style="background: aqua">&nbsp;&nbsp;&nbsp;</td><td style="background: #00FFFF">&nbsp;&nbsp;&nbsp;</td></tr>
38 		<tr><td style="background: white">&nbsp;&nbsp;&nbsp;</td><td style="background: black">&nbsp;&nbsp;&nbsp;</td></tr>
39 	</table>
40 
41 	</body>
42 </html>