<p>
This tests for a regression against
<i><a href="https://bugs.webkit.org/show_bug.cgi?id=6888">http://bugzilla.opendarwin.org/show_bug.cgi?id=6888</a>
Collapsed borders appear on the wrong side or on the wrong cell in RTL tables</i>.
</p>
<p>
The RTL table should be a mirror image of the LTR table.
</p>
<hr>
<table cellpadding="4" cellspacing="0" style="text-align: center; -webkit-writing-mode: vertical-rl;">
<tr>
<td style="border-inline-end: 1px solid black;">RTL</td>
<td>LTR</td>
</tr>
<tr>
<td style="border-inline-end: 1px solid black;">
    <table style="direction:rtl; border-collapse: collapse; border-inline-start: 2px solid red; border-inline-end: 2px solid blue;">
        <col>
        <col>
        <col style="background: yellow; border-inline-end: 2px green dotted; border-inline-start: solid 1px;">
        <col style="background: silver;">
        <tr>
            <td>&nbsp;&nbsp;</td>
            <td>&nbsp;&nbsp;</td>
            <td colspan="2" style="">&nbsp;&nbsp;</td>
            <td>&nbsp;&nbsp;</td>
        </tr>
        <tr>
            <td style="border-inline-end: 4px solid maroon;">&nbsp;&nbsp;</td>
            <td>&nbsp;&nbsp;</td>
            <td>&nbsp;&nbsp;</td>
            <td>&nbsp;&nbsp;</td>
            <td>&nbsp;&nbsp;</td>
        </tr>
    </table>
</td>
<td>    
    <table style="direction:ltr; border-collapse: collapse; border-inline-start: 2px solid red; border-inline-end: 2px solid blue;">
        <col>
        <col>
        <col style="background: yellow; border-inline-end: 2px green dotted; border-inline-start: solid 1px;">
        <col style="background: silver;">
        <tr>
            <td>&nbsp;&nbsp;</td>
            <td>&nbsp;&nbsp;</td>
            <td colspan="2" style="">&nbsp;&nbsp;</td>
            <td>&nbsp;&nbsp;</td>
        </tr>
        <tr>
            <td style="border-inline-end: 4px solid maroon;">&nbsp;&nbsp;</td>
            <td>&nbsp;&nbsp;</td>
            <td>&nbsp;&nbsp;</td>
            <td>&nbsp;&nbsp;</td>
            <td>&nbsp;&nbsp;</td>
        </tr>
    </table>
</td>
</tr>
</table>
