border-conflict-w-070

Border Conflict Resolution (width) - groove/hidden

WeasyPrint

This browser

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: 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>