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: Border Conflict Resolution (width) - groove/hidden</title>
5 <link rel="author" title="Lachlan Hunt" href="http://lachy.id.au/about/contact">
6 <style type="text/css">
7 table { border-collapse: collapse; }
8 td { border: 5px hidden red; height: 3em; }
9 .c5 { border-width: 10px; border-style: groove; }
10 </style>
11 <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help">
12 </head>
13 <body>
14 <p>There should be no red borders on the table below</p>
15 <table>
16 <tr>
17 <td class="c1">hidden</td><td class="c2">hidden</td><td class="c3">hidden</td>
18 </tr>
19 <tr>
20 <td class="c4">hidden</td><td class="c5">groove</td><td class="c6">hidden</td>
21 </tr>
22 <tr>
23 <td class="c7">hidden</td><td class="c8">hidden</td><td class="c9">hidden</td>
24 </tr>
25 </table>
26 </body>
27 </html>