<html>
<head>
    <title></title>
    <style type="text/css">
    
        .test { width: 100px; }
        .test table { border-collapse: collapse; margin: 10px; }
        .test td, th { border: 1px lightgray solid; }
        
        .example1 tfoot { border-block-start: 2px solid blue;
            border-block-end: 2px solid green;
        }

        .example2 thead { border-block-start: 2px solid blue;
            border-block-end: 2px solid green;
        }

        table table { -webkit-writing-mode: vertical-rl; }
    </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>
