зеркало из https://github.com/mozilla/pjs.git
reftests for dynamic mutation of table borders with border collapse:collapse
This commit is contained in:
Родитель
e907f572d1
Коммит
345a693167
|
@ -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
|
Загрузка…
Ссылка в новой задаче