table-intro-example-003

Introduction to Tables (border-collapse, border)

WeasyPrint

This browser

Flags
HTMLonly
Assertion
'border-collapse' and 'border' can be set on table elements (example from section 17.1).

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: Introduction to Tables (border-collapse, border)</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#tables-intro">
 7         <meta name="flags" content="HTMLonly">
 8         <meta name="assert" content="'border-collapse' and 'border' can be set on table elements (example from section 17.1).">
 9         <style type="text/css">
10             table
11             {
12                 border-collapse: collapse;
13             }
14             tr#row1
15             {
16                 border: 3px solid blue;
17             }
18             tr#row2
19             {
20                 border: 1px solid black;
21             }
22             tr#row3
23             {
24                 border: 1px solid black;
25             } 
26         </style>
27     </head>
28     <body>
29         <p>Test passes if the box below is separated into three horizontal rows, and the top one has a blue border that is thicker than the borders of the other rows.</p>
30         <table>
31             <caption>This is a simple 3x3 table</caption>
32             <tr id="row1">
33                 <th>Header 1</th>
34                 <td>Cell 1</td>
35                 <td>Cell 2</td>
36             </tr>
37             <tr id="row2">
38                 <th>Header 2</th>
39                 <td>Cell 3</td>
40                 <td>Cell 4</td>
41             </tr>
42             <tr id="row3">
43                 <th>Header 3</th>
44                 <td>Cell 5</td>
45                 <td>Cell 6</td>
46             </tr>
47         </table>
48     </body>
49  </html>