out-of-order-elements-collapsed-border-ref.html (1203B)
1 <!DOCTYPE html> 2 <title>CSS Test: Table border is correct even with out of order tbody, thead, tfoot</title> 3 <link rel="author" title="Karl Dubost" href="mailto:karlcow@apple.com"> 4 <link rel="help" href="https://html.spec.whatwg.org/multipage/tables.html#forming-a-table"> 5 <style> 6 table { 7 border: 3px solid blue; 8 border-collapse:collapse;} 9 td, th {height: 20px; width:20px;} 10 tbody {background-color: gold;} 11 thead {background-color: pink;} 12 tfoot {background-color: lightgreen;} 13 </style> 14 <table> 15 <thead><tr><th></th></tr></thead> 16 <tbody><tr><td></td></tr></tbody> 17 </table> 18 <table> 19 <tbody><tr><td></td></tr></tbody> 20 <tfoot><tr><th></th></tr></tfoot> 21 </table> 22 <table> 23 <thead><tr><th></th></tr></thead> 24 <tbody><tr><td></td></tr></tbody> 25 <tfoot><tr><th></th></tr></tfoot> 26 </table> 27 <table> 28 <thead><tr><th></th></tr></thead> 29 <tbody><tr><td></td></tr></tbody> 30 <tfoot><tr><th></th></tr></tfoot> 31 </table> 32 <table> 33 <thead><tr><th></th></tr></thead> 34 <tbody><tr><td></td></tr></tbody> 35 <tfoot><tr><th></th></tr></tfoot> 36 </table> 37 <table> 38 <thead><tr><th></th></tr></thead> 39 <tbody><tr><td></td></tr></tbody> 40 <tfoot><tr><th></th></tr></tfoot> 41 </table>