border-conflict-w-032

Border Conflict Resolution (width) - dashed/solid

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) - dashed/solid</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 solid lime; height: 3em; }
 9    .c5 { border-width: 10px; border-style: dashed; }
10    .c2 { border-bottom-color: red; }
11    .c6 { border-left-color: red; }
12    .c8 { border-top-color: red; }
13    .c4 { border-right-color: red; }
14   </style>
15   <link title="17.6.2.1 Border conflict resolution" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" rel="help">
16  </head>
17  <body>
18   <p>There should be no red borders on the table below</p>
19   <table>
20    <tr>
21     <td class="c1">solid</td><td class="c2">solid</td><td class="c3">solid</td>
22    </tr>
23    <tr>
24     <td class="c4">solid</td><td class="c5">dashed</td><td class="c6">solid</td>
25    </tr>
26    <tr>
27     <td class="c7">solid</td><td class="c8">solid</td><td class="c9">solid</td>
28    </tr>
29   </table>
30  </body>
31 </html>