reftests for dynamic mutation of table borders with border collapse:collapse

This commit is contained in:
Bernd 2008-11-01 13:43:52 +01:00
Родитель e907f572d1
Коммит 345a693167
36 изменённых файлов: 753 добавлений и 0 удалений

Просмотреть файл

@ -93,6 +93,9 @@ include svg-integration/reftest.list
# table-background/
include table-background/reftest.list
# table-bordercollapse/
include table-bordercollapse/reftest.list
# table-dom/
include table-dom/reftest.list

Просмотреть файл

@ -0,0 +1,20 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change cell style</title>
<script>
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderStyle="solid";
}
</script>
<style>
td { border: 10px green outset;}
table {margin: 30px}
</style>
</head>
<body onload="doTest()";>
<table style="border-collapse:collapse">
<tr><td>c11</td><td>c12</td><td>c13</td></tr>
<tr><td>c21</td><td id="target" style="border-style:none">c22</td><td>c23</td></tr>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</table>

Просмотреть файл

@ -0,0 +1,14 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change cell style</title>
<style>
td { border: 10px green outset;}
table {margin: 30px}
</style>
</head>
<body>
<table style="border-collapse:collapse">
<tr><td>c11</td><td>c12</td><td>c13</td></tr>
<tr><td>c21</td><td style="border-style:solid">c22</td><td>c23</td></tr>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</table>

Просмотреть файл

@ -0,0 +1,20 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change cell color</title>
<script>
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderColor="yellow";
}
</script>
<style>
td { border: 10px green solid;}
table {margin: 30px}
</style>
</head>
<body onload="doTest()";>
<table style="border-collapse:collapse">
<tr><td>c11</td><td>c12</td><td>c13</td></tr>
<tr><td>c21</td><td id="target" style="border-width:11px">c22</td><td>c23</td></tr>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</table>

Просмотреть файл

@ -0,0 +1,15 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change cell color</title>
<style>
td { border: 10px green solid;}
table {margin: 30px}
</style>
</head>
<body>
<table style="border-collapse:collapse">
<tr><td>c11</td><td>c12</td><td>c13</td></tr>
<tr><td>c21</td><td style="border-width:11px;border-color:yellow">c22</td><td>c23</td></tr>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</table>

Просмотреть файл

@ -0,0 +1,20 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change cell border width</title>
<script>
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderWidth="20px";
}
</script>
<style>
td { border: 10px green solid;}
table {margin: 30px}
</style>
</head>
<body onload="doTest()";>
<table style="border-collapse:collapse">
<tr><td>c11</td><td>c12</td><td>c13</td></tr>
<tr><td>c21</td><td id="target">c22</td><td>c23</td></tr>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</table>

Просмотреть файл

@ -0,0 +1,14 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change cell border width</title>
<style>
td { border: 10px green solid;}
table {margin: 30px}
</style>
</head>
<body>
<table style="border-collapse:collapse">
<tr><td>c11</td><td>c12</td><td>c13</td></tr>
<tr><td>c21</td><td style="border-width:20px">c22</td><td>c23</td></tr>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</table>

Просмотреть файл

@ -0,0 +1,20 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change colspan cell style</title>
<script>
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderStyle="solid";
}
</script>
<style>
td { border: 10px green outset;}
table {margin: 30px}
</style>
</head>
<body onload="doTest()";>
<table style="border-collapse:collapse">
<tr><td>c11</td><td>c12</td><td>c13</td></tr>
<tr><td id="target" colspan="3" style="border-style:none">c21</td></tr>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</table>

Просмотреть файл

@ -0,0 +1,14 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change colspan cell style</title>
<style>
td { border: 10px green outset;}
table {margin: 30px}
</style>
</head>
<body>
<table style="border-collapse:collapse">
<tr><td>c11</td><td>c12</td><td>c13</td></tr>
<tr><td style="border-style:solid;" colspan="3">c21</td></tr>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</table>

Просмотреть файл

@ -0,0 +1,20 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change rowspan cell style </title>
<script>
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderStyle="solid";
}
</script>
<style>
td { border: 10px green outset;}
table {margin: 30px}
</style>
</head>
<body onload="doTest()";>
<table style="border-collapse:collapse">
<tr><td>c11</td><td id="target" rowspan="3" style="border-style:none">c12</td><td>c13</td></tr>
<tr><td>c21</td><td>c23</td></tr>
<tr><td>c31</td><td>c33</td></tr>
</table>

Просмотреть файл

@ -0,0 +1,14 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change rowspan cell style </title>
<style>
td { border: 10px green outset;}
table {margin: 30px}
</style>
</head>
<body>
<table style="border-collapse:collapse">
<tr><td>c11</td><td rowspan="3" style="border-style:solid">c12</td><td>c13</td></tr>
<tr><td>c21</td><td>c23</td></tr>
<tr><td>c31</td><td>c33</td></tr>
</table>

Просмотреть файл

@ -0,0 +1,27 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change colgroup border color</title>
<script>
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderColor="yellow";
}
</script>
<style>
td { border: 10px green solid;}
table {margin: 30px}
</style>
</head>
<body onload="doTest()";>
<table style="border-collapse:collapse">
<colgroup><col></colgroup>
<colgroup id="target" style="border:solid green 11px"><col></colgroup>
<colgroup><col></colgroup>
<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>

Просмотреть файл

@ -0,0 +1,21 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change colgroup border color</title>
<style>
td { border: 10px green solid;}
table {margin: 30px}
</style>
</head>
<body>
<table style="border-collapse:collapse">
<colgroup><col></colgroup>
<colgroup style="border:solid yellow 11px"><col></colgroup>
<colgroup><col></colgroup>
<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>

Просмотреть файл

@ -0,0 +1,27 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change colgroup border width</title>
<script>
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderWidth="20px";
}
</script>
<style>
td { border: 10px green solid;}
table {margin: 30px}
</style>
</head>
<body onload="doTest()";>
<table style="border-collapse:collapse">
<colgroup><col></colgroup>
<colgroup id="target" style="border:solid green 11px"><col></colgroup>
<colgroup><col></colgroup>
<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>

Просмотреть файл

@ -0,0 +1,21 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change colgroup border width</title>
<style>
td { border: 10px green solid;}
table {margin: 30px}
</style>
</head>
<body>
<table style="border-collapse:collapse">
<colgroup><col></colgroup>
<colgroup style="border:solid green 20px"><col></colgroup>
<colgroup><col></colgroup>
<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>

Просмотреть файл

@ -0,0 +1,27 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change colgroup border style</title>
<script>
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderStyle="solid";
}
</script>
<style>
td { border: 10px green outset;}
table {margin: 30px}
</style>
</head>
<body onload="doTest()";>
<table style="border-collapse:collapse">
<colgroup><col></colgroup>
<colgroup id="target" style="border:outset green 10px"><col></colgroup>
<colgroup><col></colgroup>
<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>

Просмотреть файл

@ -0,0 +1,21 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change colgroup border style</title>
<style>
td { border: 10px green outset;}
table {margin: 30px}
</style>
</head>
<body>
<table style="border-collapse:collapse">
<colgroup><col></colgroup>
<colgroup style="border:solid green 10px"><col></colgroup>
<colgroup><col></colgroup>
<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>

Просмотреть файл

@ -0,0 +1,27 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change col border color</title>
<script>
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderColor="yellow";
}
</script>
<style>
td { border: 10px green solid;}
table {margin: 30px}
</style>
</head>
<body onload="doTest()";>
<table style="border-collapse:collapse">
<colgroup><col></colgroup>
<colgroup><col id="target" style="border:solid green 11px"></colgroup>
<colgroup><col></colgroup>
<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>

Просмотреть файл

@ -0,0 +1,27 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change col border width</title>
<script>
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderWidth="20px";
}
</script>
<style>
td { border: 10px green solid;}
table {margin: 30px}
</style>
</head>
<body onload="doTest()";>
<table style="border-collapse:collapse">
<colgroup><col></colgroup>
<colgroup><col id="target" style="border:solid green 11px"></colgroup>
<colgroup><col></colgroup>
<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>

Просмотреть файл

@ -0,0 +1,27 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change col border style</title>
<script>
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderStyle="solid";
}
</script>
<style>
td { border: 10px green outset;}
table {margin: 30px}
</style>
</head>
<body onload="doTest()";>
<table style="border-collapse:collapse">
<colgroup><col></colgroup>
<colgroup><col id="target" style="border:outset green 10px"></colgroup>
<colgroup><col></colgroup>
<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>

Просмотреть файл

@ -0,0 +1,24 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change rowgroup border color</title>
<script>
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderColor="yellow";
}
</script>
<style>
td { border: 10px green solid;}
table {margin: 30px}
</style>
</head>
<body onload="doTest()";>
<table style="border-collapse:collapse">
<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody id="target" style="border:solid green 11px">
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>

Просмотреть файл

@ -0,0 +1,18 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change rowgroup border color</title>
<style>
td { border: 10px green solid;}
table {margin: 30px}
</style>
</head>
<body>
<table style="border-collapse:collapse">
<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody style="border:solid yellow 11px">
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>

Просмотреть файл

@ -0,0 +1,24 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change rowgroup border width</title>
<script>
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderWidth="20px";
}
</script>
<style>
td { border: 10px green solid;}
table {margin: 30px}
</style>
</head>
<body onload="doTest()";>
<table style="border-collapse:collapse">
<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody id="target" style="border:solid green 11px">
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>

Просмотреть файл

@ -0,0 +1,19 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change rowgroup border width</title>
<style>
td { border: 10px green solid;}
table {margin: 30px}
</style>
</head>
<body>
<table style="border-collapse:collapse">
<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody style="border:solid green 20px">
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>

Просмотреть файл

@ -0,0 +1,24 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change rowgroup border style</title>
<script>
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderStyle="solid";
}
</script>
<style>
td { border: 10px green outset;}
table {margin: 30px}
</style>
</head>
<body onload="doTest()";>
<table style="border-collapse:collapse">
<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody id="target" style="border:outset green 10px">
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>

Просмотреть файл

@ -0,0 +1,19 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change rowgroup border style</title>
<style>
td { border: 10px green outset;}
table {margin: 30px}
</style>
</head>
<body>
<table style="border-collapse:collapse">
<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody style="border:solid green 10px">
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>

Просмотреть файл

@ -0,0 +1,20 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change row border color</title>
<script>
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderColor="yellow";
}
</script>
<style>
td { border: 10px green solid;}
table {margin: 30px}
</style>
</head>
<body onload="doTest()";>
<table style="border-collapse:collapse">
<tr><td>c11</td><td>c12</td><td>c13</td></tr>
<tr id="target" style="border:solid green 11px"><td>c21</td><td>c22</td><td>c23</td></tr>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</table>

Просмотреть файл

@ -0,0 +1,20 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change row border width</title>
<script>
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderWidth="20px";
}
</script>
<style>
td { border: 10px green solid;}
table {margin: 30px}
</style>
</head>
<body onload="doTest()";>
<table style="border-collapse:collapse">
<tr><td>c11</td><td>c12</td><td>c13</td></tr>
<tr id="target" style="border:solid green 2px"><td>c21</td><td>c22</td><td>c23</td></tr>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</table>

Просмотреть файл

@ -0,0 +1,20 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change row border style</title>
<script>
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderStyle="solid";
}
</script>
<style>
td { border: 10px green outset;}
table {margin: 30px}
</style>
</head>
<body onload="doTest()";>
<table style="border-collapse:collapse">
<tr><td>c11</td><td>c12</td><td>c13</td></tr>
<tr id="target" style="border:outset green 10px"><td>c21</td><td>c22</td><td>c23</td></tr>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</table>

Просмотреть файл

@ -0,0 +1,27 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change table border color</title>
<script>
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderColor="yellow";
}
</script>
<style>
td { border: 10px green solid;}
table {margin: 30px}
</style>
</head>
<body onload="doTest()";>
<table style="border-collapse:collapse; border:solid green 11px" id="target">
<colgroup><col></colgroup>
<colgroup><col></colgroup>
<colgroup><col></colgroup>
<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>

Просмотреть файл

@ -0,0 +1,22 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change table border color</title>
<style>
td { border: 10px green solid;}
table {margin: 30px}
</style>
</head>
<body>
<table style="border-collapse:collapse; border:solid yellow 11px">
<colgroup><col></colgroup>
<colgroup><col></colgroup>
<colgroup><col></colgroup>
<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>

Просмотреть файл

@ -0,0 +1,27 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change table border width</title>
<script>
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderWidth="20px";
}
</script>
<style>
td { border: 10px green solid;}
table {margin: 30px}
</style>
</head>
<body onload="doTest()";>
<table style="border-collapse:collapse; border:solid green 11px" id="target">
<colgroup><col></colgroup>
<colgroup><col></colgroup>
<colgroup><col></colgroup>
<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>

Просмотреть файл

@ -0,0 +1,21 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change table border width</title>
<style>
td { border: 10px green solid;}
table {margin: 30px}
</style>
</head>
<body>
<table style="border-collapse:collapse; border:solid green 20px">
<colgroup><col></colgroup>
<colgroup><col></colgroup>
<colgroup><col></colgroup>
<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>

Просмотреть файл

@ -0,0 +1,27 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change table border style</title>
<script>
function doTest(){
var t1 =document.getElementById('target');
t1.style.borderStyle="solid";
}
</script>
<style>
td { border: 10px green outset;}
table {margin: 30px}
</style>
</head>
<body onload="doTest()";>
<table style="border-collapse:collapse; border:none green 10px" id="target">
<colgroup><col></colgroup>
<colgroup><col></colgroup>
<colgroup><col></colgroup>
<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>

Просмотреть файл

@ -0,0 +1,22 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<head><title>border collapse dynamical change table border style</title>
<style>
td { border: 10px green outset;}
table {margin: 30px}
</style>
</head>
<body>
<table style="border-collapse:collapse; border:solid green 10px">
<colgroup><col></colgroup>
<colgroup><col></colgroup>
<colgroup><col></colgroup>
<tbody></tbody><tr><td>c11</td><td>c12</td><td>c13</td></tr></tbody>
<tbody>
<tr><td>c21</td><td>c22</td><td>c23</td></tr>
</tbody>
<tbody>
<tr><td>c31</td><td>c32</td><td>c33</td></tr>
</tbody>
</table>

Просмотреть файл

@ -0,0 +1,20 @@
== bc_dyn_cell1.html bc_dyn_cell1_ref.html
== bc_dyn_cell2.html bc_dyn_cell2_ref.html
== bc_dyn_cell3.html bc_dyn_cell3_ref.html
== bc_dyn_cell4.html bc_dyn_cell4_ref.html
== bc_dyn_cell5.html bc_dyn_cell5_ref.html
== bc_dyn_row1.html bc_dyn_rg1_ref.html
== bc_dyn_row2.html bc_dyn_rg2_ref.html
== bc_dyn_row3.html bc_dyn_rg3_ref.html
== bc_dyn_rg1.html bc_dyn_rg1_ref.html
== bc_dyn_rg2.html bc_dyn_rg2_ref.html
== bc_dyn_rg3.html bc_dyn_rg3_ref.html
== bc_dyn_col1.html bc_dyn_cg1_ref.html
== bc_dyn_col2.html bc_dyn_cg2_ref.html
== bc_dyn_col3.html bc_dyn_cg3_ref.html
== bc_dyn_cg1.html bc_dyn_cg1_ref.html
== bc_dyn_cg2.html bc_dyn_cg2_ref.html
== bc_dyn_cg3.html bc_dyn_cg3_ref.html
== bc_dyn_table1.html bc_dyn_table1_ref.html
== bc_dyn_table2.html bc_dyn_table2_ref.html
== bc_dyn_table3.html bc_dyn_table3_ref.html