| <!DOCTYPE html> |
| <title>CSS Test: Table with collapsed borders and collapsed tracks</title> |
| <link rel="author" title="Oriol Brufau" href="obrufau@igalia.com"> |
| <link rel="help" href="https://www.w3.org/TR/CSS21/tables.html#collapsing-borders"> |
| <link rel="help" href="https://www.w3.org/TR/CSS21/tables.html#dynamic-effects"> |
| <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> |
| <style> |
| td { padding: 0; } |
| </style> |
| <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> |
| <table style="border-collapse: collapse; background: red; min-width: 100px"> |
| <colgroup> |
| <col style="border-right: 100px solid green"></col> |
| <col style="visibility: collapse"></col> |
| <col style="border-left: 100px solid green"></col> |
| </colgroup> |
| <tr style="border-bottom: 100px solid green"> |
| <td></td> |
| <td></td> |
| <td></td> |
| </tr> |
| <tr style="visibility: collapse"> |
| <td></td> |
| <td></td> |
| <td></td> |
| </tr> |
| <tr style="border-top: 100px solid green"> |
| <td></td> |
| <td></td> |
| <td></td> |
| </tr> |
| </table> |