| <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> </td> |
| <td> </td> |
| <td colspan="2" style=""> </td> |
| <td> </td> |
| </tr> |
| <tr> |
| <td style="-webkit-border-end: 4px solid maroon;"> </td> |
| <td> </td> |
| <td> </td> |
| <td> </td> |
| <td> </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> </td> |
| <td> </td> |
| <td colspan="2" style=""> </td> |
| <td> </td> |
| </tr> |
| <tr> |
| <td style="-webkit-border-end: 4px solid maroon;"> </td> |
| <td> </td> |
| <td> </td> |
| <td> </td> |
| <td> </td> |
| </tr> |
| </table> |
| </td> |
| </tr> |
| </table> |