layout/reftests/table-bordercollapse/bug1375518-4.html

   1 <!DOCTYPE html>
   2 <title>border-radius and separated border model tables</title>
   3 <style>
   4
   5 body { background: white; color: black }
   6
   7 table { border-collapse: separate; margin: 1em 2px; }
   8 table, td { border: 1px solid black; }
   9
  10 .radius { border: 3px solid teal; background: aqua; color: black; border-radius: 12px }
  11
  12 </style>
  13
  14 <h1>border-radius and separated border model tables</h1>
  15
  16 <table>
  17   <tbody>
  18     <tr><td>xx</td><td>xx</td><td>xx
  19   </td></tr></tbody>
  20   <tbody class="radius">
  21     <tr><td>xx</td><td>xx</td><td>xx
  22     </td></tr><tr><td>xx</td><td>xx</td><td>xx
  23   </td></tr></tbody>
  24   <tbody>
  25     <tr><td>xx</td><td>xx</td><td>xx
  26   </td></tr></tbody>
  27 </table>
  28
  29 <table>
  30   <tbody><tr class="radius"><td>xx</td><td>xx</td><td>xx
  31   </td></tr><tr><td>xx</td><td>xx</td><td>xx
  32 </td></tr></tbody></table>
  33
  34 <table>
  35   <colgroup class="radius"><col><col></colgroup><colgroup><col>
  36   </colgroup><tbody><tr><td>xx</td><td>xx</td><td>xx
  37   </td></tr><tr><td>xx</td><td>xx</td><td>xx
  38 </td></tr></tbody></table>
  39
  40 <table>
  41   <colgroup><col><col class="radius"><col>
  42   </colgroup><tbody><tr><td>xx</td><td>xx</td><td>xx
  43   </td></tr><tr><td>xx</td><td>xx</td><td>xx
  44 </td></tr></tbody></table>