bc_dyn_cg3.html 948 B

12345678910111213141516171819202122232425262728293031
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
  2. <head><title>CSS 2.1 Test Suite: border collapse dynamic change to colgroup border style</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.borderStyle="solid";
  10. }
  11. </script>
  12. <style>
  13. td { border: 10px green outset;}
  14. table {margin: 30px}
  15. </style>
  16. </head>
  17. <body onload="doTest()";>
  18. <table style="border-collapse:collapse">
  19. <colgroup><col></colgroup>
  20. <colgroup id="target" style="border:outset green 10px"><col></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>