table-visual-layout-021

There may be gaps between row groups in the separated borders model

WeasyPrint

This browser

Flags
may
Assertion
In the separated border model, there may be gaps between row groups.

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: There may be gaps between row groups in the separated 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="may">
 8         <meta name="assert" content="In the separated border model, there may be gaps between row groups.">
 9         <style type="text/css">
10             table
11             {
12                 background: blue;
13                 border-collapse: separate;
14                 border-spacing: 0 3px;
15             }
16             tbody
17             {
18                 background: black;
19             }
20             td
21             {
22                 height: 2em;
23                 width: 2em;
24             }
25         </style>
26     </head>
27     <body>
28         <p>Test passes if the box below has blue horizontal lines running through it (no vertical lines).</p>
29         <table>
30             <tbody>
31                 <tr>
32                     <td></td>
33                     <td></td>
34                     <td></td>
35                 </tr>
36             </tbody>
37             <tbody>
38                 <tr>
39                     <td></td>
40                     <td></td>
41                     <td></td>
42                 </tr>
43             </tbody>
44             <tbody>
45                 <tr>
46                     <td></td>
47                     <td></td>
48                     <td></td>
49                 </tr>
50             </tbody>
51         </table>
52     </body>
53 </html>