| <html> |
| <head> |
| <title></title> |
| <style type="text/css"> |
| |
| .test table { border-collapse: collapse; margin: 10px; } |
| .test td, th { border: 1px lightgray solid; } |
| |
| .example1 tfoot { border-top: 2px solid blue; |
| border-bottom: 2px solid green; |
| } |
| |
| .example2 thead { border-top: 2px solid blue; |
| border-bottom: 2px solid green; |
| } |
| </style> |
| </head> |
| <body> |
| <p> |
| Test for <i><a href="https://bugs.webkit.org/show_bug.cgi?id=8848">http://bugzilla.opendarwin.org/show_bug.cgi?id=8848</a> |
| TFOOT borders are copied to THEAD and TBODY</i>. |
| </p> |
| <hr> |
| <table><tr><td class="test"> |
| <table class="example1"> |
| <thead> |
| <tr> |
| <th>Header</th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr> |
| <td>Body 1</td> |
| </tr> |
| </tbody> |
| <tbody> |
| <tr> |
| <td>Body 2</td> |
| </tr> |
| </tbody> |
| <tfoot> |
| <tr> |
| <td>Footer</td> |
| </tr> |
| </tfoot> |
| </table> |
| |
| <table class="example1"> |
| <tbody> |
| <tr> |
| <td>Body 1</td> |
| </tr> |
| </tbody> |
| <thead> |
| <tr> |
| <th>Header</th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr> |
| <td>Body 2</td> |
| </tr> |
| </tbody> |
| <tfoot> |
| <tr> |
| <td>Footer</td> |
| </tr> |
| </tfoot> |
| </table> |
| |
| <table class="example1"> |
| <tbody> |
| <tr> |
| <td>Body 1</td> |
| </tr> |
| </tbody> |
| <thead> |
| <tr> |
| <th>Header</th> |
| </tr> |
| </thead> |
| <tfoot> |
| <tr> |
| <td>Footer</td> |
| </tr> |
| </tfoot> |
| <tbody> |
| <tr> |
| <td>Body 2</td> |
| </tr> |
| </tbody> |
| </table> |
| </td><td class="test"> |
| <table class="example1"> |
| <tbody> |
| <tr> |
| <td>Body 1</td> |
| </tr> |
| </tbody> |
| <tfoot> |
| <tr> |
| <td>Footer</td> |
| </tr> |
| </tfoot> |
| <thead> |
| <tr> |
| <th>Header</th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr> |
| <td>Body 2</td> |
| </tr> |
| </tbody> |
| </table> |
| |
| <table class="example1"> |
| <tfoot> |
| <tr> |
| <td>Footer</td> |
| </tr> |
| </tfoot> |
| <tbody> |
| <tr> |
| <td>Body 1</td> |
| </tr> |
| </tbody> |
| <thead> |
| <tr> |
| <th>Header</th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr> |
| <td>Body 2</td> |
| </tr> |
| </tbody> |
| </table> |
| |
| <table class="example1"> |
| <tbody> |
| <tr> |
| <td>Body 1</td> |
| </tr> |
| </tbody> |
| <tbody> |
| <tr> |
| <td>Body 2</td> |
| </tr> |
| </tbody> |
| <tfoot> |
| <tr> |
| <td>Footer</td> |
| </tr> |
| </tfoot> |
| <thead> |
| <tr> |
| <th>Header</th> |
| </tr> |
| </thead> |
| </table> |
| </td> |
| <td class="test"> |
| <table class="example2"> |
| <thead> |
| <tr> |
| <th>Header</th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr> |
| <td>Body 1</td> |
| </tr> |
| </tbody> |
| <tbody> |
| <tr> |
| <td>Body 2</td> |
| </tr> |
| </tbody> |
| <tfoot> |
| <tr> |
| <td>Footer</td> |
| </tr> |
| </tfoot> |
| </table> |
| |
| <table class="example2"> |
| <tbody> |
| <tr> |
| <td>Body 1</td> |
| </tr> |
| </tbody> |
| <thead> |
| <tr> |
| <th>Header</th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr> |
| <td>Body 2</td> |
| </tr> |
| </tbody> |
| <tfoot> |
| <tr> |
| <td>Footer</td> |
| </tr> |
| </tfoot> |
| </table> |
| |
| <table class="example2"> |
| <tbody> |
| <tr> |
| <td>Body 1</td> |
| </tr> |
| </tbody> |
| <thead> |
| <tr> |
| <th>Header</th> |
| </tr> |
| </thead> |
| <tfoot> |
| <tr> |
| <td>Footer</td> |
| </tr> |
| </tfoot> |
| <tbody> |
| <tr> |
| <td>Body 2</td> |
| </tr> |
| </tbody> |
| </table> |
| </td><td class="test"> |
| <table class="example2"> |
| <tbody> |
| <tr> |
| <td>Body 1</td> |
| </tr> |
| </tbody> |
| <tfoot> |
| <tr> |
| <td>Footer</td> |
| </tr> |
| </tfoot> |
| <thead> |
| <tr> |
| <th>Header</th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr> |
| <td>Body 2</td> |
| </tr> |
| </tbody> |
| </table> |
| |
| <table class="example2"> |
| <tfoot> |
| <tr> |
| <td>Footer</td> |
| </tr> |
| </tfoot> |
| <tbody> |
| <tr> |
| <td>Body 1</td> |
| </tr> |
| </tbody> |
| <thead> |
| <tr> |
| <th>Header</th> |
| </tr> |
| </thead> |
| <tbody> |
| <tr> |
| <td>Body 2</td> |
| </tr> |
| </tbody> |
| </table> |
| |
| <table class="example2"> |
| <tbody> |
| <tr> |
| <td>Body 1</td> |
| </tr> |
| </tbody> |
| <tbody> |
| <tr> |
| <td>Body 2</td> |
| </tr> |
| </tbody> |
| <tfoot> |
| <tr> |
| <td>Footer</td> |
| </tr> |
| </tfoot> |
| <thead> |
| <tr> |
| <th>Header</th> |
| </tr> |
| </thead> |
| </table> |
| </td></tr></table> |
| </body> |
