<!DOCTYPE html>
<html>
<head>
<style>
table {
border-collapse: collapse;
border-left: 2px solid red;
border-right: 2px solid red;
border-bottom: 3px solid green;
border-top: 3px solid green;
}
.leftGreenBorder {
border-left: 3px solid green;
}
.rightGreenBorder {
border-right: 3px solid green;
}
td {
height: 100px;
width: 100px;
}
</style>
<head>
<body>
<p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=101060">101060</a>: Fix the collapsing border code to handle mixed directionality at the row level</p>
<p>This test checks that a table with dir="ltr" and mixed directionality on the row works as expected.</p>
<p>The table below should have a 3px green outer border.</p>
<table>
<tbody class="rightGreenBorder">
<tr dir="rtl">
<td class="leftGreenBorder"></td>
<td></td>
</tr>
<tr class="leftGreenBorder">
<td></td>
<td></td>
</tr>
<tr>
<td class="leftGreenBorder"></td>
<td></td>
</tr>
</tbody>
</table>
</table>
</body>
</html>