border-collapse-005.html (1244B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>CSS Test (Tables): collapsing borders with empty tbody</title> 6 <link rel="author" title="Chris Rebert" href="http://chrisrebert.com" /> 7 <link rel="help" href="http://www.w3.org/TR/CSS2/tables.html#collapsing-borders" /> 8 <link rel="help" href="https://drafts.csswg.org/css2/tables.html#collapsing-borders" /> 9 <link rel="help" href="https://drafts.csswg.org/css3-tables/#collapsing-borders" /> 10 <link rel="match" href="border-collapse-005-ref.html " /> 11 <meta name="assert" content="border-collapse should work correctly when a table has an empty tbody" /> 12 <style> 13 table { 14 border-collapse: collapse; 15 border: 2px solid blue; 16 } 17 th { 18 font-weight: normal; 19 text-align: left; 20 } 21 </style> 22 </head> 23 <body> 24 <table> 25 <thead> 26 <tr> 27 <th>One</th> 28 <th>Two</th> 29 </tr> 30 </thead> 31 <tbody></tbody> 32 <tfoot> 33 <tr> 34 <td>Three</td> 35 <td>Four</td> 36 </tr> 37 </tfoot> 38 </table> 39 <p>Test passes if there is a solid blue border around the <strong>entire perimeter</strong> of the table.</p> 40 </body> 41 </html>