Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / table / border-collapsing / table-rtl-row-mixed-direction.html
blob9c2f4adf5eed27e19f8127efef8fe8977a128986
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <style>
5 table {
6 border-collapse: collapse;
7 border-left: 2px solid red;
8 border-right: 2px solid red;
9 border-bottom: 3px solid green;
10 border-top: 3px solid green;
13 .leftGreenBorder {
14 border-left: 3px solid green;
17 .rightGreenBorder {
18 border-right: 3px solid green;
21 td {
22 height: 100px;
23 width: 100px;
25 </style>
26 <head>
27 <body>
28 <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>
29 <p>This test checks that a table with dir="rtl" and mixed directionality on the row works as expected.</p>
30 <p>The table below should have a 3px green outer border.</p>
31 <table dir="rtl">
32 <tbody class="rightGreenBorder">
33 <tr dir="ltr">
34 <td></td>
35 <td class="leftGreenBorder"></td>
36 </tr>
37 <tr dir="rtl">
38 <td></td>
39 <td class="leftGreenBorder"></td>
40 </tr>
41 <tr dir="ltr" class="leftGreenBorder">
42 <td></td>
43 <td></td>
44 </tr>
45 <tr dir="rtl" class="leftGreenBorder">
46 <td></td>
47 <td></td>
48 </tr>
49 </tbody>
50 </table>
51 </body>
52 </html>