visibility-collapse-border-spacing-002.html (916B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <link rel="author" title="Oriol Brufau" href="obrufau@igalia.com"> 4 <link rel="help" href="https://drafts.csswg.org/css-tables/#visibility-collapse-rendering"> 5 <link rel="help" href="https://drafts.csswg.org/css-tables/#border-spacing-property"> 6 <link rel="match" href="../reference/ref-filled-green-200px-square.html"> 7 <meta name="assert" content=" 8 A cell spanning two rows is typically at least as tall as the vertical border-spacing. 9 However, in this case the 2nd row is collapsed, so the cell should be 0px tall. 10 This matches Gecko and Blink."> 11 12 <style> 13 table { 14 border-spacing: 50px 100px; 15 background: green; 16 } 17 td { 18 width: 100px; 19 padding: 0; 20 background: red; 21 } 22 tr + tr { 23 visibility: collapse; 24 } 25 </style> 26 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> 27 <table> 28 <tr> 29 <td rowspan="2"></td> 30 </tr> 31 <tr></tr> 32 </table>