border-collapse-empty-row-ref.html (2233B)
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 <meta name="assert" content="This test checks that collapsed border does not paint outside of its expected area."> 6 <style> 7 table { 8 display: inline-table; 9 border-collapse: collapse; 10 } 11 12 td { 13 border: 10px solid black; 14 line-height: 0; 15 padding: 0; 16 } 17 18 span { 19 display: inline-block; 20 width: 10px; 21 height: 10px; 22 background: grey; 23 } 24 25 .spacer-1 tr:not(:last-child) td { 26 border-bottom: 12px solid black; 27 } 28 29 .spacer-2 tr:not(:last-child) td { 30 border-bottom: 15px solid black; 31 } 32 33 .spacer-3 tr:not(:last-child) td { 34 border-bottom: 20px solid black; 35 } 36 37 </style> 38 <table> 39 <tr><td><span></span></td><td><span></span></td></tr> 40 <tr><td><span></span></td><td><span></span></td></tr> 41 <tr><td><span></span></td><td><span></span></td></tr> 42 <tr><td><span></span></td><td><span></span></td></tr> 43 <tr><td><span></span></td><td><span></span></td></tr> 44 <tr><td><span></span></td><td><span></span></td></tr> 45 </table> 46 <table class="spacer-1"> 47 <tr><td><span></span></td><td><span></span></td></tr> 48 <tr><td><span></span></td><td><span></span></td></tr> 49 <tr><td><span></span></td><td><span></span></td></tr> 50 <tr><td><span></span></td><td><span></span></td></tr> 51 <tr><td><span></span></td><td><span></span></td></tr> 52 <tr><td><span></span></td><td><span></span></td></tr> 53 </table> 54 <table class="spacer-2"> 55 <tr><td><span></span></td><td><span></span></td></tr> 56 <tr><td><span></span></td><td><span></span></td></tr> 57 <tr><td><span></span></td><td><span></span></td></tr> 58 <tr><td><span></span></td><td><span></span></td></tr> 59 <tr><td><span></span></td><td><span></span></td></tr> 60 <tr><td><span></span></td><td><span></span></td></tr> 61 </table> 62 <table class="spacer-3"> 63 <tr><td><span></span></td><td><span></span></td></tr> 64 <tr><td><span></span></td><td><span></span></td></tr> 65 <tr><td><span></span></td><td><span></span></td></tr> 66 <tr><td><span></span></td><td><span></span></td></tr> 67 <tr><td><span></span></td><td><span></span></td></tr> 68 <tr><td><span></span></td><td><span></span></td></tr> 69 </table>