collapsed-borders-painting-order-012.html (1023B)
1 <!DOCTYPE html> 2 <title>Painting order of collapsed table borders</title> 3 <link rel="author" title="Oriol Brufau" href="obrufau@igalia.com"> 4 <link rel="help" href="https://drafts.csswg.org/css-tables/#border-collapsing"> 5 <link rel="help" href="https://drafts.csswg.org/css-position-4/#painting-order"> 6 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/11570"> 7 <link rel="match" href="../../reference/ref-filled-green-100px-square.xht"> 8 <meta name="assert" content=" 9 The collapsed border of the outer table is painted behind the collapsed border 10 of the inner table, when the inner table has `display: inline-table`. 11 "> 12 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 13 <table style="border-collapse: collapse; line-height: 0"> 14 <td style="border: 50px solid red; padding: 0"> 15 <table style="border-collapse: collapse; margin: -50px; display: inline-table; vertical-align: top"> 16 <td style="border: 50px solid green; padding: 0"></td> 17 </table> 18 </td> 19 </table>