blob: 101790fb0bad2882a96fece2b105b00b694b1e9b [file] [log] [blame]
<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="-webkit-border-end: 1px solid black;">RTL</td>
<td>LTR</td>
</tr>
<tr>
<td style="-webkit-border-end: 1px solid black;">
<table style="direction:rtl; border-collapse: collapse; -webkit-border-start: 2px solid red; -webkit-border-end: 2px solid blue;">
<col>
<col>
<col style="background: yellow; -webkit-border-end: 2px green dotted; -webkit-border-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="-webkit-border-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; -webkit-border-start: 2px solid red; -webkit-border-end: 2px solid blue;">
<col>
<col>
<col style="background: yellow; -webkit-border-end: 2px green dotted; -webkit-border-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="-webkit-border-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>