border-collapse-empty-row.html (2795B)
1 <!DOCTYPE html> 2 <link rel="author" title="David Shin" href="mailto:dshin@mozilla.com"> 3 <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders"> 4 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1819266"> 5 <link rel="match" href="border-collapse-empty-row-ref.html"> 6 <meta name="assert" content="This test checks that collapsed border does not paint outside of its expected area."> 7 <style> 8 table { 9 display: inline-table; 10 border-collapse: collapse; 11 } 12 13 td { 14 border: 10px solid black; 15 line-height: 0; 16 padding: 0; 17 } 18 19 span { 20 display: inline-block; 21 width: 10px; 22 height: 10px; 23 background: grey; 24 } 25 26 .spacer-1 { 27 height: 2px; 28 } 29 30 .spacer-2 { 31 height: 5px; 32 } 33 34 .spacer-3 { 35 height: 10px; 36 } 37 </style> 38 <!-- Empty rows --> 39 <table> 40 <tr><td><span></span></td><td><span></span></td></tr> 41 <tr></tr> 42 <tr><td><span></span></td><td><span></span></td></tr> 43 <tr></tr> 44 <tr><td><span></span></td><td><span></span></td></tr> 45 <tr></tr> 46 <tr><td><span></span></td><td><span></span></td></tr> 47 <tr></tr> 48 <tr><td><span></span></td><td><span></span></td></tr> 49 <tr></tr> 50 <tr><td><span></span></td><td><span></span></td></tr> 51 </table> 52 <!-- Empty rows, sized less than collapsed border offset (10px / 2 = 5px). --> 53 <table> 54 <tr><td><span></span></td><td><span></span></td></tr> 55 <tr class="spacer-1"></tr> 56 <tr><td><span></span></td><td><span></span></td></tr> 57 <tr class="spacer-1"></tr> 58 <tr><td><span></span></td><td><span></span></td></tr> 59 <tr class="spacer-1"></tr> 60 <tr><td><span></span></td><td><span></span></td></tr> 61 <tr class="spacer-1"></tr> 62 <tr><td><span></span></td><td><span></span></td></tr> 63 <tr class="spacer-1"></tr> 64 <tr><td><span></span></td><td><span></span></td></tr> 65 </table> 66 <!-- Empty rows, sized exactly at collapsed border offset. --> 67 <table> 68 <tr><td><span></span></td><td><span></span></td></tr> 69 <tr class="spacer-2"></tr> 70 <tr><td><span></span></td><td><span></span></td></tr> 71 <tr class="spacer-2"></tr> 72 <tr><td><span></span></td><td><span></span></td></tr> 73 <tr class="spacer-2"></tr> 74 <tr><td><span></span></td><td><span></span></td></tr> 75 <tr class="spacer-2"></tr> 76 <tr><td><span></span></td><td><span></span></td></tr> 77 <tr class="spacer-2"></tr> 78 <tr><td><span></span></td><td><span></span></td></tr> 79 </table> 80 <!-- Empty rows, sized larger than collapsed border offset. --> 81 <table> 82 <tr><td><span></span></td><td><span></span></td></tr> 83 <tr class="spacer-3"></tr> 84 <tr><td><span></span></td><td><span></span></td></tr> 85 <tr class="spacer-3"></tr> 86 <tr><td><span></span></td><td><span></span></td></tr> 87 <tr class="spacer-3"></tr> 88 <tr><td><span></span></td><td><span></span></td></tr> 89 <tr class="spacer-3"></tr> 90 <tr><td><span></span></td><td><span></span></td></tr> 91 <tr class="spacer-3"></tr> 92 <tr><td><span></span></td><td><span></span></td></tr> 93 </table>