border-collapse-visibility-collapse-002.tentative.html (1062B)
1 <!DOCTYPE html> 2 <title>CSS Test: Table with collapsed borders and collapsed tracks</title> 3 <link rel="author" title="Oriol Brufau" href="obrufau@igalia.com"> 4 <link rel="help" href="https://www.w3.org/TR/CSS21/tables.html#collapsing-borders"> 5 <link rel="help" href="https://www.w3.org/TR/CSS21/tables.html#dynamic-effects"> 6 <link rel="match" href="../reference/ref-filled-green-100px-square.xht"> 7 <style> 8 td { padding: 0; } 9 </style> 10 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 11 <table style="border-collapse: collapse; background: red; min-width: 100px"> 12 <colgroup> 13 <col style="border-right: 100px solid green"></col> 14 <col style="visibility: collapse"></col> 15 <col style="border-left: 100px solid green"></col> 16 </colgroup> 17 <tr style="border-bottom: 100px solid green"> 18 <td></td> 19 <td></td> 20 <td></td> 21 </tr> 22 <tr style="visibility: collapse"> 23 <td></td> 24 <td></td> 25 <td></td> 26 </tr> 27 <tr style="border-top: 100px solid green"> 28 <td></td> 29 <td></td> 30 <td></td> 31 </tr> 32 </table>