| <!DOCTYPE html> |
| <link rel="author" title="David Shin" href="mailto:dshin@mozilla.com"> |
| <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders"> |
| <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1819266"> |
| <link rel="match" href="border-collapse-empty-row-ref.html"> |
| <meta name="assert" content="This test checks that collapsed border does not paint outside of its expected area."> |
| <style> |
| table { |
| display: inline-table; |
| border-collapse: collapse; |
| } |
| |
| td { |
| border: 10px solid black; |
| line-height: 0; |
| padding: 0; |
| } |
| |
| span { |
| display: inline-block; |
| width: 10px; |
| height: 10px; |
| background: grey; |
| } |
| |
| .spacer-1 { |
| height: 2px; |
| } |
| |
| .spacer-2 { |
| height: 5px; |
| } |
| |
| .spacer-3 { |
| height: 10px; |
| } |
| </style> |
| <!-- Empty rows --> |
| <table> |
| <tr><td><span></span></td><td><span></span></td></tr> |
| <tr></tr> |
| <tr><td><span></span></td><td><span></span></td></tr> |
| <tr></tr> |
| <tr><td><span></span></td><td><span></span></td></tr> |
| <tr></tr> |
| <tr><td><span></span></td><td><span></span></td></tr> |
| <tr></tr> |
| <tr><td><span></span></td><td><span></span></td></tr> |
| <tr></tr> |
| <tr><td><span></span></td><td><span></span></td></tr> |
| </table> |
| <!-- Empty rows, sized less than collapsed border offset (10px / 2 = 5px). --> |
| <table> |
| <tr><td><span></span></td><td><span></span></td></tr> |
| <tr class="spacer-1"></tr> |
| <tr><td><span></span></td><td><span></span></td></tr> |
| <tr class="spacer-1"></tr> |
| <tr><td><span></span></td><td><span></span></td></tr> |
| <tr class="spacer-1"></tr> |
| <tr><td><span></span></td><td><span></span></td></tr> |
| <tr class="spacer-1"></tr> |
| <tr><td><span></span></td><td><span></span></td></tr> |
| <tr class="spacer-1"></tr> |
| <tr><td><span></span></td><td><span></span></td></tr> |
| </table> |
| <!-- Empty rows, sized exactly at collapsed border offset. --> |
| <table> |
| <tr><td><span></span></td><td><span></span></td></tr> |
| <tr class="spacer-2"></tr> |
| <tr><td><span></span></td><td><span></span></td></tr> |
| <tr class="spacer-2"></tr> |
| <tr><td><span></span></td><td><span></span></td></tr> |
| <tr class="spacer-2"></tr> |
| <tr><td><span></span></td><td><span></span></td></tr> |
| <tr class="spacer-2"></tr> |
| <tr><td><span></span></td><td><span></span></td></tr> |
| <tr class="spacer-2"></tr> |
| <tr><td><span></span></td><td><span></span></td></tr> |
| </table> |
| <!-- Empty rows, sized larger than collapsed border offset. --> |
| <table> |
| <tr><td><span></span></td><td><span></span></td></tr> |
| <tr class="spacer-3"></tr> |
| <tr><td><span></span></td><td><span></span></td></tr> |
| <tr class="spacer-3"></tr> |
| <tr><td><span></span></td><td><span></span></td></tr> |
| <tr class="spacer-3"></tr> |
| <tr><td><span></span></td><td><span></span></td></tr> |
| <tr class="spacer-3"></tr> |
| <tr><td><span></span></td><td><span></span></td></tr> |
| <tr class="spacer-3"></tr> |
| <tr><td><span></span></td><td><span></span></td></tr> |
| </table> |