table-visual-layout-017

Table row boxes exactly cover the table in the collapsing borders model

WeasyPrint

This browser

Assertion
In the collapsing border model, the table row boxes together exactly cover the table.

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3     <head>
 4         <title>CSS Test: Table row boxes exactly cover the table in the collapsing borders model</title>
 5         <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
 6         <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-layout">
 7         <meta name="flags" content="">
 8         <meta name="assert" content="In the collapsing border model, the table row boxes together exactly cover the table.">
 9         <style type="text/css">
10             table
11             {
12                 background: red;
13                 border-collapse: collapse;
14             }
15             tr
16             {
17                 background: white;
18             }
19             td
20             {
21                 width: 2em;
22                 height: 2em;
23             }
24         </style>
25     </head>
26     <body>
27         <p>Test passes if there is no red visible on the page.</p>
28         <table>
29             <tr>
30                 <td></td>
31                 <td></td>
32                 <td></td>
33             </tr>
34             <tr>
35                 <td></td>
36                 <td></td>
37                 <td></td>
38             </tr>
39             <tr>
40                 <td></td>
41                 <td></td>
42                 <td></td>
43             </tr>
44         </table>
45     </body>
46 </html>