out-of-order-elements-collapsed-border.html (1277B)
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 <link rel="match" href="out-of-order-elements-collapsed-border-ref.html"> 6 <style> 7 table { 8 border: 3px solid blue; 9 border-collapse:collapse;} 10 td, th {height: 20px; width:20px;} 11 tbody {background-color: gold;} 12 thead {background-color: pink;} 13 tfoot {background-color: lightgreen;} 14 </style> 15 <table> 16 <tbody><tr><td></td></tr></tbody> 17 <thead><tr><th></th></tr></thead> 18 </table> 19 <table> 20 <tfoot><tr><th></th></tr></tfoot> 21 <tbody><tr><td></td></tr></tbody> 22 </table> 23 <table> 24 <tfoot><tr><th></th></tr></tfoot> 25 <tbody><tr><td></td></tr></tbody> 26 <thead><tr><th></th></tr></thead> 27 </table> 28 <table> 29 <tfoot><tr><th></th></tr></tfoot> 30 <thead><tr><th></th></tr></thead> 31 <tbody><tr><td></td></tr></tbody> 32 </table> 33 <table> 34 <tbody><tr><td></td></tr></tbody> 35 <tfoot><tr><th></th></tr></tfoot> 36 <thead><tr><th></th></tr></thead> 37 </table> 38 <table> 39 <tbody><tr><td></td></tr></tbody> 40 <thead><tr><th></th></tr></thead> 41 <tfoot><tr><th></th></tr></tfoot> 42 </table>