<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>CSS Test (Tables): collapsing borders with empty tbody</title>
<link rel="author" title="Chris Rebert" href="http://chrisrebert.com" />
<link rel="help" href="http://www.w3.org/TR/CSS2/tables.html#collapsing-borders" />
<link rel="help" href="https://drafts.csswg.org/css2/tables.html#collapsing-borders" />
<link rel="help" href="https://drafts.csswg.org/css3-tables/#collapsing-borders" />
<link rel="match" href="border-collapse-005-ref.html " />
<meta name="assert" content="border-collapse should work correctly when a table has an empty tbody" />
<style>
table {
border-collapse: collapse;
border: 2px solid blue;
}
th {
font-weight: normal;
text-align: left;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<th>One</th>
<th>Two</th>
</tr>
</thead>
<tbody></tbody>
<tfoot>
<tr>
<td>Three</td>
<td>Four</td>
</tr>
</tfoot>
</table>
<p>Test passes if there is a solid blue border around the <strong>entire perimeter</strong> of the table.</p>
</body>
</html>
Codebase Browser
chromium