layout/reftests/table-bordercollapse/bc_dyn_col1.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
   2 <head><title>CSS 2.1 Test Suite: border collapse dynamic change to col border color</title>
   3     <link rel="author" title="Bernd Mielke" href="mailto:bmlk@gmx.de" />
   4     <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#collapsing-borders" />
   5     <meta name="flags" content="dom" />
   6 <script>
   7 function doTest(){
   8  var t1 =document.getElementById('target');
   9  t1.style.borderColor="yellow";
  10 }
  11 </script>
  12 <style>
  13 td { border: 10px green solid;}
  14 table {margin: 30px}
  15 </style>
  16 </head>
  17 <body onload="doTest()";>
  18 <table style="border-collapse:collapse">
  19 <colgroup><col></colgroup>
  20 <colgroup><col id="target" style="border:solid green 11px"></colgroup>
  21 <colgroup><col></colgroup>
  22 <tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
  23  <tbody>
  24  <tr><td>c21</td><td>c22</td><td>c23</td></tr>
  25  </tbody>
  26  <tbody>
  27  <tr><td>c31</td><td>c32</td><td>c33</td></tr>
  28  </tbody>
  29 </table>
  30