<html>
<head>
<title></title>
<style type="text/css">
.test { width: 100px; }
.test table { border-collapse: collapse; margin: 10px; }
.test td, th { border: 1px lightgray solid; }
.example1 tfoot { -webkit-border-before: 2px solid blue;
-webkit-border-after: 2px solid green;
}
.example2 thead { -webkit-border-before: 2px solid blue;
-webkit-border-after: 2px solid green;
}
table table { -webkit-writing-mode: vertical-rl; }
</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>