wpt / css / CSS2 / tables / border-collapse-005.html

Status: PASS | Duration: 9ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/css/CSS2/tables/border-collapse-005.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>CSS Test (Tables): collapsing borders with empty tbody</title>
    <link rel="author" title="Chris Rebert" href="http://chrisrebert.com" />
    <link rel="help" href="http://www.w3.org/TR/CSS2/tables.html#collapsing-borders" />
    <link rel="help" href="https://drafts.csswg.org/css2/tables.html#collapsing-borders" />
    <link rel="help" href="https://drafts.csswg.org/css3-tables/#collapsing-borders" />
    <link rel="match" href="border-collapse-005-ref.html " />
    <meta name="assert" content="border-collapse should work correctly when a table has an empty tbody" />
    <style>
table {
    border-collapse: collapse;
    border: 2px solid blue;
}
th {
    font-weight: normal;
    text-align: left;
}
    </style>
</head>
<body>
    <table>
        <thead>
            <tr>
                <th>One</th>
                <th>Two</th>
            </tr>
        </thead>
        <tbody></tbody>
        <tfoot>
            <tr>
                <td>Three</td>
                <td>Four</td>
            </tr>
        </tfoot>
    </table>
    <p>Test passes if there is a solid blue border around the <strong>entire perimeter</strong> of the table.</p>
</body>
</html>

/css/CSS2/tables/border-collapse-005-ref.html 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>CSS (Tables) Reference File</title>
    <link rel="author" title="Chris Rebert" href="http://chrisrebert.com" />
    <style>
table {
    border-collapse: collapse;
    border: 2px solid blue;
}
th {
    font-weight: normal;
    text-align: left;
}
    </style>
</head>
<body>
    <table>
        <tbody>
            <tr>
                <td>One</td>
                <td>Two</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td>Three</td>
                <td>Four</td>
            </tr>
        </tfoot>
    </table>
    <p>Test passes if there is a solid blue border around the <strong>entire perimeter</strong> of the table.</p>
</body>
</html>