blob: 0bf8609f7c39c26e7f00f48ff71d59b2902e5cec [file] [log] [blame]
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Background on 'table'</title>
<link rel="next" href="backgr_simple-table-row-group.html" title="Background Area: Background on 'table-row-group'">
<link rel="prev contents" href="./backgr_index.html" title="Table of Contents">
<link rel="stylesheet" type="text/css" href="resources/common.css">
<script src="resources/wait-for-onload.js"></script>
<style type="text/css">
table {background: black url(resources/rainbowh.gif) top right}
<h3> Background on 'table'</h3>
<table class="separate">
<caption>With 'border-collapse: separate'</caption>
<colgroup class="colgroup-A">
<col class="col-1">
<col class="col-2">
<col class="col-3">
<colgroup class="colgroup-B">
<col class="col-4">
<tr class="th-row-1">
<th class="a">TH A</th>
<th class="b">TH B</th>
<th class="c">TH C</th>
<th class="d">TH D</th>
<tr class="tf-row-1">
<td class="m" colspan=2>TD M</td>
<td class="o">TD O</td>
<td class="p">TD P</td>
<tr class="tb-row-1">
<td class="e" rowspan=2>TD E</td>
<td class="f">TD F</td>
<td class="g">TD G</td>
<td class="h">TD H</td>
<tr class="tb-row-2">
<td class="j">TD J</td>
<td class="k">TD K</td>
<td class="l">TD L</td>
<p class="clip">The table background should fill the rectangle
defined by the outer border of the table. There should be no gaps
or holes in the background and the stripes should all be
<p class="position">A purple band should align with the left edge
of the painted area, and an aqua stripe should align a few pixels
below the top border.</p>
<div class="validity">
<a href=""><img
src="resources/valid-html401.png" height="31" width="88"
alt="Valid HTML 4.01!"></a>
CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasai&#64;;