Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<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="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>