blob: 3a3e332ed565f6c905e0d18bd02c1ee03bd4bcd7 [file] [log] [blame]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Test: HTML4 color keywords</title>
<link rel="author" title="L. David Baron" href="https://dbaron.org/" />
<link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" />
<link rel="help" href="http://www.w3.org/TR/css3-color/#html4" />
<link rel="match" href="t41-html4-keywords-a-ref.html" />
<meta name="flags" content="" />
<meta name="assert" content="Test that the HTML4 color keywords have the correct values." />
<style type="text/css"><![CDATA[
html, body { background: #dddddd; color: #000000; }
table { border-spacing: 0; padding: 0; border: none; }
td { border: none; padding: 0; }
]]></style>
</head>
<body>
<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>
<table>
<tr><td style="background: black">&nbsp;&nbsp;&nbsp;</td><td style="background: white">&nbsp;&nbsp;&nbsp;</td></tr>
<tr><td style="background: black">&nbsp;&nbsp;&nbsp;</td><td style="background: #000000">&nbsp;&nbsp;&nbsp;</td></tr>
<tr><td style="background: green">&nbsp;&nbsp;&nbsp;</td><td style="background: #008000">&nbsp;&nbsp;&nbsp;</td></tr>
<tr><td style="background: silver">&nbsp;&nbsp;&nbsp;</td><td style="background: #C0C0C0">&nbsp;&nbsp;&nbsp;</td></tr>
<tr><td style="background: lime">&nbsp;&nbsp;&nbsp;</td><td style="background: #00FF00">&nbsp;&nbsp;&nbsp;</td></tr>
<tr><td style="background: gray">&nbsp;&nbsp;&nbsp;</td><td style="background: #808080">&nbsp;&nbsp;&nbsp;</td></tr>
<tr><td style="background: olive">&nbsp;&nbsp;&nbsp;</td><td style="background: #808000">&nbsp;&nbsp;&nbsp;</td></tr>
<tr><td style="background: white">&nbsp;&nbsp;&nbsp;</td><td style="background: #FFFFFF">&nbsp;&nbsp;&nbsp;</td></tr>
<tr><td style="background: yellow">&nbsp;&nbsp;&nbsp;</td><td style="background: #FFFF00">&nbsp;&nbsp;&nbsp;</td></tr>
<tr><td style="background: maroon">&nbsp;&nbsp;&nbsp;</td><td style="background: #800000">&nbsp;&nbsp;&nbsp;</td></tr>
<tr><td style="background: navy">&nbsp;&nbsp;&nbsp;</td><td style="background: #000080">&nbsp;&nbsp;&nbsp;</td></tr>
<tr><td style="background: red">&nbsp;&nbsp;&nbsp;</td><td style="background: #FF0000">&nbsp;&nbsp;&nbsp;</td></tr>
<tr><td style="background: blue">&nbsp;&nbsp;&nbsp;</td><td style="background: #0000FF">&nbsp;&nbsp;&nbsp;</td></tr>
<tr><td style="background: purple">&nbsp;&nbsp;&nbsp;</td><td style="background: #800080">&nbsp;&nbsp;&nbsp;</td></tr>
<tr><td style="background: teal">&nbsp;&nbsp;&nbsp;</td><td style="background: #008080">&nbsp;&nbsp;&nbsp;</td></tr>
<tr><td style="background: fuchsia">&nbsp;&nbsp;&nbsp;</td><td style="background: #FF00FF">&nbsp;&nbsp;&nbsp;</td></tr>
<tr><td style="background: aqua">&nbsp;&nbsp;&nbsp;</td><td style="background: #00FFFF">&nbsp;&nbsp;&nbsp;</td></tr>
<tr><td style="background: white">&nbsp;&nbsp;&nbsp;</td><td style="background: black">&nbsp;&nbsp;&nbsp;</td></tr>
</table>
</body>
</html>