border-spacing-values-001

Negative 'border-spacing' values are ignored

WeasyPrint

This browser

Assertion
The 'border-spacing' property ignores a negative value.

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: Negative 'border-spacing' values are ignored</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#separated-borders">
 7         <meta name="flags" content="">
 8         <meta name="assert" content="The 'border-spacing' property ignores a negative value.">
 9         <style type="text/css">
10             #table1
11             {
12                 background: blue;
13                 border-spacing: -100px;
14             }
15             #table2
16             {
17                 background: orange;
18             }
19             td
20             {
21                 height: 50px;
22                 width: 50px;
23             }
24         </style>
25     </head>
26     <body>
27         <p>Test passes if the blue and orange squares below are the same size.</p>
28         <table id="table1">
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         <div>&nbsp;</div>
46         <table id="table2">
47             <tr>
48                 <td></td>
49                 <td></td>
50                 <td></td>
51             </tr>
52             <tr>
53                 <td></td>
54                 <td></td>
55                 <td></td>
56             </tr>
57             <tr>
58                 <td></td>
59                 <td></td>
60                 <td></td>
61             </tr>
62         </table>
63     </body>
64 </html>