table-visual-layout-018

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

WeasyPrint

This browser

Assertion
In the collapsing border model, the table column 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 column 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 column boxes together exactly cover the table.">
 9         <style type="text/css">
10             table
11             {
12                 background: red;
13                 border-collapse: collapse;
14             }
15             col
16             {
17                 background: white;
18             }
19             td
20             {
21                 height: 2em;
22                 width: 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             <col>
30             <col>
31             <col>
32             <tr>
33                 <td></td>
34                 <td></td>
35                 <td></td>
36             </tr>
37             <tr>
38                 <td></td>
39                 <td></td>
40                 <td></td>
41             </tr>
42             <tr>
43                 <td></td>
44                 <td></td>
45                 <td></td>
46             </tr>
47         </table>
48     </body>
49 </html>