Google Git
Sign in
nest-open-source / manifest_repos / chromium_src / 1389d67935ffbffe8a70c1fa06867f6cf7ecf464 / . / chromium / src / third_party / blink / web_tests / fast / table / border-collapsing / border-collapsing-head-foot.html
blob: f49f0afc2e92cacb0e37b2263462d6469a2c69f5 [file] [log] [blame]
<html>
<head>
<title></title>
<style type="text/css">
.test table { border-collapse: collapse; margin: 10px; }
.test td, th { border: 1px lightgray solid; }
.example1 tfoot { border-top: 2px solid blue;
border-bottom: 2px solid green;
}
.example2 thead { border-top: 2px solid blue;
border-bottom: 2px solid green;
}
</style>
</head>
<body>
<p>
Test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=8848">http://bugzilla.opendarwin.org/show_bug.cgi?id=8848</a>
TFOOT borders are copied to THEAD and TBODY</i>.
</p>
<hr>
<table><tr><td class="test">
<table class="example1">
<thead>
<tr>
<th>Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>Body 1</td>
</tr>
</tbody>
<tbody>
<tr>
<td>Body 2</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Footer</td>
</tr>
</tfoot>
</table>
<table class="example1">
<tbody>
<tr>
<td>Body 1</td>
</tr>
</tbody>
<thead>
<tr>
<th>Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>Body 2</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Footer</td>
</tr>
</tfoot>
</table>
<table class="example1">
<tbody>
<tr>
<td>Body 1</td>
</tr>
</tbody>
<thead>
<tr>
<th>Header</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Footer</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Body 2</td>
</tr>
</tbody>
</table>
</td><td class="test">
<table class="example1">
<tbody>
<tr>
<td>Body 1</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Footer</td>
</tr>
</tfoot>
<thead>
<tr>
<th>Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>Body 2</td>
</tr>
</tbody>
</table>
<table class="example1">
<tfoot>
<tr>
<td>Footer</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Body 1</td>
</tr>
</tbody>
<thead>
<tr>
<th>Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>Body 2</td>
</tr>
</tbody>
</table>
<table class="example1">
<tbody>
<tr>
<td>Body 1</td>
</tr>
</tbody>
<tbody>
<tr>
<td>Body 2</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Footer</td>
</tr>
</tfoot>
<thead>
<tr>
<th>Header</th>
</tr>
</thead>
</table>
</td>
<td class="test">
<table class="example2">
<thead>
<tr>
<th>Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>Body 1</td>
</tr>
</tbody>
<tbody>
<tr>
<td>Body 2</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Footer</td>
</tr>
</tfoot>
</table>
<table class="example2">
<tbody>
<tr>
<td>Body 1</td>
</tr>
</tbody>
<thead>
<tr>
<th>Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>Body 2</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Footer</td>
</tr>
</tfoot>
</table>
<table class="example2">
<tbody>
<tr>
<td>Body 1</td>
</tr>
</tbody>
<thead>
<tr>
<th>Header</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Footer</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Body 2</td>
</tr>
</tbody>
</table>
</td><td class="test">
<table class="example2">
<tbody>
<tr>
<td>Body 1</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Footer</td>
</tr>
</tfoot>
<thead>
<tr>
<th>Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>Body 2</td>
</tr>
</tbody>
</table>
<table class="example2">
<tfoot>
<tr>
<td>Footer</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>Body 1</td>
</tr>
</tbody>
<thead>
<tr>
<th>Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>Body 2</td>
</tr>
</tbody>
</table>
<table class="example2">
<tbody>
<tr>
<td>Body 1</td>
</tr>
</tbody>
<tbody>
<tr>
<td>Body 2</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Footer</td>
</tr>
</tfoot>
<thead>
<tr>
<th>Header</th>
</tr>
</thead>
</table>
</td></tr></table>
</body>