| <!DOCTYPE html> |
| <title>CSS Test: Table border is correct even with out of order tbody, thead, tfoot</title> |
| <link rel="author" title="Karl Dubost" href="mailto:karlcow@apple.com"> |
| <link rel="help" href="https://html.spec.whatwg.org/multipage/tables.html#forming-a-table"> |
| <style> |
| table { |
| border: 3px solid blue; |
| border-collapse:collapse;} |
| td, th {height: 20px; width:20px;} |
| tbody {background-color: gold;} |
| thead {background-color: pink;} |
| tfoot {background-color: lightgreen;} |
| </style> |
| <table> |
| <thead><tr><th></th></tr></thead> |
| <tbody><tr><td></td></tr></tbody> |
| </table> |
| <table> |
| <tbody><tr><td></td></tr></tbody> |
| <tfoot><tr><th></th></tr></tfoot> |
| </table> |
| <table> |
| <thead><tr><th></th></tr></thead> |
| <tbody><tr><td></td></tr></tbody> |
| <tfoot><tr><th></th></tr></tfoot> |
| </table> |
| <table> |
| <thead><tr><th></th></tr></thead> |
| <tbody><tr><td></td></tr></tbody> |
| <tfoot><tr><th></th></tr></tfoot> |
| </table> |
| <table> |
| <thead><tr><th></th></tr></thead> |
| <tbody><tr><td></td></tr></tbody> |
| <tfoot><tr><th></th></tr></tfoot> |
| </table> |
| <table> |
| <thead><tr><th></th></tr></thead> |
| <tbody><tr><td></td></tr></tbody> |
| <tfoot><tr><th></th></tr></tfoot> |
| </table> |
