LayoutTests/css2.1/t170602-bdr-conflct-w-75-d.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
   2 <html>
   3  <head>
   4   <title>CSS 2.1 Test Suite: Border Conflict Resolution (width) - groove/ridge</title>
   5   <style type="text/css">
   6    table { border-collapse: collapse; }
   7    td {  border: 5px ridge lime; height: 3em; }
   8    .c5 { border-width: 10px; border-style: groove; }
   9    .c2 { border-bottom-color: red; }
  10    .c6 { border-left-color: red; }
  11    .c8 { border-top-color: red; }
  12    .c4 { border-right-color: red; }
  13   </style>
  14   <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#border-conflict-resolution" title="17.6.2.1 Border conflict resolution">
  15  </head>
  16  <body>
  17   <p>There should be no red borders on the table below</p>
  18   <table>
  19    <tr>
  20     <td class="c1">ridge</td><td class="c2">ridge</td><td class="c3">ridge</td>
  21    </tr>
  22    <tr>
  23     <td class="c4">ridge</td><td class="c5">groove</td><td class="c6">ridge</td>
  24    </tr>
  25    <tr>
  26     <td class="c7">ridge</td><td class="c8">ridge</td><td class="c9">ridge</td>
  27    </tr>
  28   </table>
  29  </body>
  30 </html>