зеркало из https://github.com/mozilla/gecko-dev.git
Add additional tests with opacity to exercise the cases where we construct TableBackgroundPainters from row or row group frames.
This commit is contained in:
dbaron@dbaron.org
Родитель
0d7407292b
Коммит
59a162a0cc
|
|
@ -0,0 +1,63 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Table background tests</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
|
||||
body { padding: 15px; }
|
||||
|
||||
.o { opacity: 0.5; }
|
||||
|
||||
/*
|
||||
table {
|
||||
margin: 0px 3px 2px 4px;
|
||||
border-width: 4px 2px 8px 6px;
|
||||
|
||||
height is 97px:
|
||||
(2px of border outside height)
|
||||
extra border width for top row: 0
|
||||
cell * 5: == 19px * 5 == 95px
|
||||
border-top: 2px;
|
||||
padding-top: 1px;
|
||||
height: 10px;
|
||||
padding-bottom: 4px;
|
||||
border-bottom: 2px;
|
||||
extra border width for top row: 2px
|
||||
(4px of border outside height)
|
||||
|
||||
width is 287px:
|
||||
(3px of border outside width)
|
||||
extra border width for left column: 2px
|
||||
cell * 5: == 57px * 5 == 285px
|
||||
border-left: 1px;
|
||||
padding-left: 3px;
|
||||
width: 50px;
|
||||
padding-right: 2px;
|
||||
border-right: 1px;
|
||||
(1px of border outside width)
|
||||
*/
|
||||
|
||||
div { width: 57px; height: 19px; margin: 38px 117px 80px 120px; }
|
||||
div.color { background-color: aqua; }
|
||||
|
||||
div.imagetl, div.imagebr {
|
||||
background-image: url(repeatable-diagonal-gradient-with-ticks.png);
|
||||
}
|
||||
|
||||
div.imagetl { background-position: 1px 2px; }
|
||||
div.imagebr { background-position: 56px 17px; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="color o"></div>
|
||||
<div class="imagetl o"></div>
|
||||
<div class="imagebr"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,109 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Table background tests</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
|
||||
body { padding: 15px; }
|
||||
|
||||
.o { opacity: 0.5; }
|
||||
|
||||
table {
|
||||
margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
|
||||
border: transparent solid;
|
||||
border-width: 4px 2px 8px 6px; /* collapsed */
|
||||
padding: 3px 7px 8px 6px; /* ignored */
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
td {
|
||||
border: transparent solid;
|
||||
border-width: 2px 0 4px 2px; /* collapsed */
|
||||
padding: 1px 2px 4px 3px;
|
||||
empty-cells: show;
|
||||
}
|
||||
|
||||
div { height: 10px; width: 50px; }
|
||||
|
||||
table.color td.t { background-color: aqua; }
|
||||
|
||||
table.imagetl td.t, table.imagebr td.t {
|
||||
background-image: url(repeatable-diagonal-gradient-with-ticks.png);
|
||||
}
|
||||
|
||||
table.imagetl td.t { background-position: top left; /* default */ }
|
||||
table.imagebr td.t { background-position: bottom right; /* default */ }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table class="color">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t">
|
||||
<col>
|
||||
<col class="t">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t"><td><div></div></td><td><div></div></td><td class="o t"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="imagetl">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t">
|
||||
<col>
|
||||
<col class="t">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t o"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="imagebr">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t o">
|
||||
<col>
|
||||
<col class="t o">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody class="o">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t">
|
||||
<tr class="o"><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,63 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Table background tests</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
|
||||
body { padding: 15px; }
|
||||
|
||||
.o { opacity: 0.5; }
|
||||
|
||||
/*
|
||||
table {
|
||||
margin: 0px 3px 2px 4px;
|
||||
border-width: 4px 2px 8px 6px;
|
||||
|
||||
height is 97px:
|
||||
(2px of border outside height)
|
||||
extra border width for top row: 0
|
||||
cell * 5: == 19px * 5 == 95px
|
||||
border-top: 2px;
|
||||
padding-top: 1px;
|
||||
height: 10px;
|
||||
padding-bottom: 4px;
|
||||
border-bottom: 2px;
|
||||
extra border width for top row: 2px
|
||||
(4px of border outside height)
|
||||
|
||||
width is 287px:
|
||||
(3px of border outside width)
|
||||
extra border width for left column: 2px
|
||||
cell * 5: == 57px * 5 == 285px
|
||||
border-left: 1px;
|
||||
padding-left: 3px;
|
||||
width: 50px;
|
||||
padding-right: 2px;
|
||||
border-right: 1px;
|
||||
(1px of border outside width)
|
||||
*/
|
||||
|
||||
div { width: 171px; height: 97px; margin: 0px 60px 2px 63px; }
|
||||
div.color { background-color: aqua; }
|
||||
|
||||
div.imagetl, div.imagebr {
|
||||
background-image: url(repeatable-diagonal-gradient-with-ticks.png);
|
||||
}
|
||||
|
||||
div.imagetl { background-position: 0 0; }
|
||||
div.imagebr { background-position: 171px 97px; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="color o"></div>
|
||||
<div class="imagetl o"></div>
|
||||
<div class="imagebr"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,109 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Table background tests</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
|
||||
body { padding: 15px; }
|
||||
|
||||
.o { opacity: 0.5; }
|
||||
|
||||
table {
|
||||
margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
|
||||
border: transparent solid;
|
||||
border-width: 4px 2px 8px 6px; /* collapsed */
|
||||
padding: 3px 7px 8px 6px; /* ignored */
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
td {
|
||||
border: transparent solid;
|
||||
border-width: 2px 0 4px 2px; /* collapsed */
|
||||
padding: 1px 2px 4px 3px;
|
||||
empty-cells: show;
|
||||
}
|
||||
|
||||
div { height: 10px; width: 50px; }
|
||||
|
||||
table.color colgroup.t { background-color: aqua; }
|
||||
|
||||
table.imagetl colgroup.t, table.imagebr colgroup.t {
|
||||
background-image: url(repeatable-diagonal-gradient-with-ticks.png);
|
||||
}
|
||||
|
||||
table.imagetl colgroup.t { background-position: top left; /* default */ }
|
||||
table.imagebr colgroup.t { background-position: bottom right; /* default */ }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table class="color">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t o">
|
||||
<col>
|
||||
<col class="t">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="imagetl">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t o">
|
||||
<col>
|
||||
<col class="t">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="imagebr">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t">
|
||||
<col>
|
||||
<col class="t o">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t o">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t o"><td><div></div></td><td><div></div></td><td class="t o"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,63 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Table background tests</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
|
||||
body { padding: 15px; }
|
||||
|
||||
.o { opacity: 0.5; }
|
||||
|
||||
/*
|
||||
table {
|
||||
margin: 0px 3px 2px 4px;
|
||||
border-width: 4px 2px 8px 6px;
|
||||
|
||||
height is 97px:
|
||||
(2px of border outside height)
|
||||
extra border width for top row: 0
|
||||
cell * 5: == 19px * 5 == 95px
|
||||
border-top: 2px;
|
||||
padding-top: 1px;
|
||||
height: 10px;
|
||||
padding-bottom: 4px;
|
||||
border-bottom: 2px;
|
||||
extra border width for top row: 2px
|
||||
(4px of border outside height)
|
||||
|
||||
width is 287px:
|
||||
(3px of border outside width)
|
||||
extra border width for left column: 2px
|
||||
cell * 5: == 57px * 5 == 285px
|
||||
border-left: 1px;
|
||||
padding-left: 3px;
|
||||
width: 50px;
|
||||
padding-right: 2px;
|
||||
border-right: 1px;
|
||||
(1px of border outside width)
|
||||
*/
|
||||
|
||||
div { width: 57px; height: 97px; margin: 0px 117px 2px 120px; }
|
||||
div.color { background-color: aqua; }
|
||||
|
||||
div.imagetl, div.imagebr {
|
||||
background-image: url(repeatable-diagonal-gradient-with-ticks.png);
|
||||
}
|
||||
|
||||
div.imagetl { background-position: 0 0; }
|
||||
div.imagebr { background-position: 57px 97px; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="color o"></div>
|
||||
<div class="imagetl o"></div>
|
||||
<div class="imagebr"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,109 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Table background tests</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
|
||||
body { padding: 15px; }
|
||||
|
||||
.o { opacity: 0.5; }
|
||||
|
||||
table {
|
||||
margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
|
||||
border: transparent solid;
|
||||
border-width: 4px 2px 8px 6px; /* collapsed */
|
||||
padding: 3px 7px 8px 6px; /* ignored */
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
td {
|
||||
border: transparent solid;
|
||||
border-width: 2px 0 4px 2px; /* collapsed */
|
||||
padding: 1px 2px 4px 3px;
|
||||
empty-cells: show;
|
||||
}
|
||||
|
||||
div { height: 10px; width: 50px; }
|
||||
|
||||
table.color col.t { background-color: aqua; }
|
||||
|
||||
table.imagetl col.t, table.imagebr col.t {
|
||||
background-image: url(repeatable-diagonal-gradient-with-ticks.png);
|
||||
}
|
||||
|
||||
table.imagetl col.t { background-position: top left; /* default */ }
|
||||
table.imagebr col.t { background-position: bottom right; /* default */ }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table class="color">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t o">
|
||||
<col>
|
||||
<col class="t">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="imagetl">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t">
|
||||
<col>
|
||||
<col class="t o">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="imagebr">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t">
|
||||
<col>
|
||||
<col class="t">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t o">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t o"><td><div></div></td><td><div></div></td><td class="t o"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,63 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Table background tests</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
|
||||
body { padding: 15px; }
|
||||
|
||||
.o { opacity: 0.5; }
|
||||
|
||||
/*
|
||||
table {
|
||||
margin: 0px 3px 2px 4px;
|
||||
border-width: 4px 2px 8px 6px;
|
||||
|
||||
height is 97px:
|
||||
(2px of border outside height)
|
||||
extra border width for top row: 0
|
||||
cell * 5: == 19px * 5 == 95px
|
||||
border-top: 2px;
|
||||
padding-top: 1px;
|
||||
height: 10px;
|
||||
padding-bottom: 4px;
|
||||
border-bottom: 2px;
|
||||
extra border width for top row: 2px
|
||||
(4px of border outside height)
|
||||
|
||||
width is 287px:
|
||||
(3px of border outside width)
|
||||
extra border width for left column: 2px
|
||||
cell * 5: == 57px * 5 == 285px
|
||||
border-left: 1px;
|
||||
padding-left: 3px;
|
||||
width: 50px;
|
||||
padding-right: 2px;
|
||||
border-right: 1px;
|
||||
(1px of border outside width)
|
||||
*/
|
||||
|
||||
div { width: 287px; height: 97px; margin: 0px 3px 2px 4px; }
|
||||
div.color { background-color: aqua; }
|
||||
|
||||
div.imagetl, div.imagebr {
|
||||
background-image: url(repeatable-diagonal-gradient-with-ticks.png);
|
||||
}
|
||||
|
||||
div.imagetl { background-position: 0 0; }
|
||||
div.imagebr { background-position: 287px 97px; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="color o"></div>
|
||||
<div class="imagetl o"></div>
|
||||
<div class="imagebr"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,63 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Table background tests</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
|
||||
body { padding: 15px; }
|
||||
|
||||
.o { opacity: 0.5; }
|
||||
|
||||
/*
|
||||
table {
|
||||
margin: 0px 3px 2px 4px;
|
||||
border-width: 4px 2px 8px 6px;
|
||||
|
||||
height is 97px:
|
||||
(2px of border outside height)
|
||||
extra border width for top row: 0
|
||||
cell * 5: == 19px * 5 == 95px
|
||||
border-top: 2px;
|
||||
padding-top: 1px;
|
||||
height: 10px;
|
||||
padding-bottom: 4px;
|
||||
border-bottom: 2px;
|
||||
extra border width for top row: 2px
|
||||
(4px of border outside height)
|
||||
|
||||
width is 287px:
|
||||
(3px of border outside width)
|
||||
extra border width for left column: 2px
|
||||
cell * 5: == 57px * 5 == 285px
|
||||
border-left: 1px;
|
||||
padding-left: 3px;
|
||||
width: 50px;
|
||||
padding-right: 2px;
|
||||
border-right: 1px;
|
||||
(1px of border outside width)
|
||||
*/
|
||||
|
||||
div { width: 287px; height: 57px; margin: 19px 3px 42px 4px; }
|
||||
div.color { background-color: aqua; }
|
||||
|
||||
div.imagetl, div.imagebr {
|
||||
background-image: url(repeatable-diagonal-gradient-with-ticks.png);
|
||||
}
|
||||
|
||||
div.imagetl { background-position: 0 0; }
|
||||
div.imagebr { background-position: 287px 57px; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="color o"></div>
|
||||
<div class="imagetl o"></div>
|
||||
<div class="imagebr"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,109 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Table background tests</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
|
||||
body { padding: 15px; }
|
||||
|
||||
.o { opacity: 0.5; }
|
||||
|
||||
table {
|
||||
margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
|
||||
border: transparent solid;
|
||||
border-width: 4px 2px 8px 6px; /* collapsed */
|
||||
padding: 3px 7px 8px 6px; /* ignored */
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
td {
|
||||
border: transparent solid;
|
||||
border-width: 2px 0 4px 2px; /* collapsed */
|
||||
padding: 1px 2px 4px 3px;
|
||||
empty-cells: show;
|
||||
}
|
||||
|
||||
div { height: 10px; width: 50px; }
|
||||
|
||||
table.color tbody.t { background-color: aqua; }
|
||||
|
||||
table.imagetl tbody.t, table.imagebr tbody.t {
|
||||
background-image: url(repeatable-diagonal-gradient-with-ticks.png);
|
||||
}
|
||||
|
||||
table.imagetl tbody.t { background-position: top left; /* default */ }
|
||||
table.imagebr tbody.t { background-position: bottom right; /* default */ }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table class="color o">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t">
|
||||
<col>
|
||||
<col class="t">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="imagetl">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t">
|
||||
<col>
|
||||
<col class="t">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t o">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="imagebr">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t o">
|
||||
<col>
|
||||
<col class="t o">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t o"><td><div></div></td><td><div></div></td><td class="t o"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,63 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Table background tests</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
|
||||
body { padding: 15px; }
|
||||
|
||||
.o { opacity: 0.5; }
|
||||
|
||||
/*
|
||||
table {
|
||||
margin: 0px 3px 2px 4px;
|
||||
border-width: 4px 2px 8px 6px;
|
||||
|
||||
height is 97px:
|
||||
(2px of border outside height)
|
||||
extra border width for top row: 0
|
||||
cell * 5: == 19px * 5 == 95px
|
||||
border-top: 2px;
|
||||
padding-top: 1px;
|
||||
height: 10px;
|
||||
padding-bottom: 4px;
|
||||
border-bottom: 2px;
|
||||
extra border width for top row: 2px
|
||||
(4px of border outside height)
|
||||
|
||||
width is 287px:
|
||||
(3px of border outside width)
|
||||
extra border width for left column: 2px
|
||||
cell * 5: == 57px * 5 == 285px
|
||||
border-left: 1px;
|
||||
padding-left: 3px;
|
||||
width: 50px;
|
||||
padding-right: 2px;
|
||||
border-right: 1px;
|
||||
(1px of border outside width)
|
||||
*/
|
||||
|
||||
div { width: 287px; height: 19px; margin: 38px 3px 80px 4px; }
|
||||
div.color { background-color: aqua; }
|
||||
|
||||
div.imagetl, div.imagebr {
|
||||
background-image: url(repeatable-diagonal-gradient-with-ticks.png);
|
||||
}
|
||||
|
||||
div.imagetl { background-position: 0 0; }
|
||||
div.imagebr { background-position: 287px 19px; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="color o"></div>
|
||||
<div class="imagetl o"></div>
|
||||
<div class="imagebr"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,109 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Table background tests</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
|
||||
body { padding: 15px; }
|
||||
|
||||
.o { opacity: 0.5; }
|
||||
|
||||
table {
|
||||
margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
|
||||
border: transparent solid;
|
||||
border-width: 4px 2px 8px 6px; /* collapsed */
|
||||
padding: 3px 7px 8px 6px; /* ignored */
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
td {
|
||||
border: transparent solid;
|
||||
border-width: 2px 0 4px 2px; /* collapsed */
|
||||
padding: 1px 2px 4px 3px;
|
||||
empty-cells: show;
|
||||
}
|
||||
|
||||
div { height: 10px; width: 50px; }
|
||||
|
||||
table.color tr.t { background-color: aqua; }
|
||||
|
||||
table.imagetl tr.t, table.imagebr tr.t {
|
||||
background-image: url(repeatable-diagonal-gradient-with-ticks.png);
|
||||
}
|
||||
|
||||
table.imagetl tr.t { background-position: top left; /* default */ }
|
||||
table.imagebr tr.t { background-position: bottom right; /* default */ }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table class="color">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t">
|
||||
<col>
|
||||
<col class="t">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t o"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="imagetl">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t">
|
||||
<col>
|
||||
<col class="t">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t o">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="imagebr">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t o">
|
||||
<col>
|
||||
<col class="t o">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t"><td><div></div></td><td><div></div></td><td class="t o"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,109 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Table background tests</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
|
||||
body { padding: 15px; }
|
||||
|
||||
.o { opacity: 0.5; }
|
||||
|
||||
table {
|
||||
margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
|
||||
border: transparent solid;
|
||||
border-width: 4px 2px 8px 6px; /* collapsed */
|
||||
padding: 3px 7px 8px 6px; /* ignored */
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
td {
|
||||
border: transparent solid;
|
||||
border-width: 2px 0 4px 2px; /* collapsed */
|
||||
padding: 1px 2px 4px 3px;
|
||||
empty-cells: show;
|
||||
}
|
||||
|
||||
div { height: 10px; width: 50px; }
|
||||
|
||||
table.color { background-color: aqua; }
|
||||
|
||||
table.imagetl, table.imagebr {
|
||||
background-image: url(repeatable-diagonal-gradient-with-ticks.png);
|
||||
}
|
||||
|
||||
table.imagetl { background-position: top left; /* default */ }
|
||||
table.imagebr { background-position: bottom right; /* default */ }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table class="color o">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t">
|
||||
<col>
|
||||
<col class="t">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="imagetl o">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t">
|
||||
<col>
|
||||
<col class="t">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="imagebr">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t o">
|
||||
<col>
|
||||
<col class="t o">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t o">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t o"><td><div></div></td><td><div></div></td><td class="t o"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,68 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Table background tests</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
|
||||
body { padding: 15px; }
|
||||
|
||||
.o { opacity: 0.5; }
|
||||
|
||||
/*
|
||||
table {
|
||||
margin: 0px 3px 2px 4px;
|
||||
border-width: 4px 2px 7px 3px;
|
||||
|
||||
border-box height is 145px:
|
||||
border-top: 4px;
|
||||
padding-top: 3px
|
||||
border-spacing: 3px * 6 == 18px
|
||||
cell * 5: == 21px * 5 == 105px
|
||||
border-top: 2px;
|
||||
padding-top: 1px;
|
||||
height: 10px;
|
||||
padding-bottom: 4px;
|
||||
border-bottom: 4px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 7px;
|
||||
|
||||
border-box width is 325px:
|
||||
border-left: 3px;
|
||||
padding-left: 6px
|
||||
border-spacing: 2px * 6 == 12px
|
||||
cell * 5: == 59px * 5 == 295px
|
||||
border-left: 3px;
|
||||
padding-left: 3px;
|
||||
width: 50px;
|
||||
padding-right: 2px;
|
||||
border-right: 1px;
|
||||
padding-right: 7px;
|
||||
border-right: 2px;
|
||||
*/
|
||||
|
||||
div.color, div.imagetl, div.imagebr {
|
||||
width: 59px; height: 21px; margin: 58px 136px 126px 137px;
|
||||
}
|
||||
div.color { background-color: aqua; }
|
||||
|
||||
div.imagetl, div.imagebr {
|
||||
background-image: url(repeatable-diagonal-gradient-with-ticks.png);
|
||||
}
|
||||
|
||||
div.imagetl { background-position: 3px 2px; }
|
||||
div.imagebr { background-position: 58px 17px; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="color"></div>
|
||||
<div class="imagetl o"></div>
|
||||
<div class="imagebr o"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,110 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Table background tests</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
|
||||
body { padding: 15px; }
|
||||
|
||||
.o { opacity: 0.5; }
|
||||
|
||||
table {
|
||||
margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
|
||||
border: transparent solid;
|
||||
border-width: 4px 2px 7px 3px;
|
||||
padding: 3px 7px 8px 6px;
|
||||
border-collapse: separate;
|
||||
border-spacing: 2px 3px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: transparent solid;
|
||||
border-width: 2px 1px 4px 3px;
|
||||
padding: 1px 2px 4px 3px;
|
||||
empty-cells: show;
|
||||
}
|
||||
|
||||
div { height: 10px; width: 50px; }
|
||||
|
||||
table.color td.t { background-color: aqua; }
|
||||
|
||||
table.imagetl td.t, table.imagebr td.t {
|
||||
background-image: url(repeatable-diagonal-gradient-with-ticks.png);
|
||||
}
|
||||
|
||||
table.imagetl td.t { background-position: top left; /* default */ }
|
||||
table.imagebr td.t { background-position: bottom right; /* default */ }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table class="color">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t o">
|
||||
<col>
|
||||
<col class="t o">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="imagetl">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t">
|
||||
<col>
|
||||
<col class="t">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t"><td><div></div></td><td><div></div></td><td class="t o"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="imagebr">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t">
|
||||
<col>
|
||||
<col class="t">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t o"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,91 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Table background tests</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
|
||||
body { padding: 15px; }
|
||||
|
||||
.o { opacity: 0.5; }
|
||||
|
||||
/*
|
||||
table {
|
||||
margin: 0px 3px 2px 4px;
|
||||
border-width: 4px 2px 7px 3px;
|
||||
|
||||
border-box height is 145px:
|
||||
border-top: 4px;
|
||||
padding-top: 3px
|
||||
border-spacing: 3px * 6 == 18px
|
||||
cell * 5: == 21px * 5 == 105px
|
||||
border-top: 2px;
|
||||
padding-top: 1px;
|
||||
height: 10px;
|
||||
padding-bottom: 4px;
|
||||
border-bottom: 4px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 7px;
|
||||
|
||||
border-box width is 325px:
|
||||
border-left: 3px;
|
||||
padding-left: 6px
|
||||
border-spacing: 2px * 6 == 12px
|
||||
cell * 5: == 59px * 5 == 295px
|
||||
border-left: 3px;
|
||||
padding-left: 3px;
|
||||
width: 50px;
|
||||
padding-right: 2px;
|
||||
border-right: 1px;
|
||||
padding-right: 7px;
|
||||
border-right: 2px;
|
||||
*/
|
||||
|
||||
div.color, div.imagetl, div.imagebr {
|
||||
width: 181px; height: 117px; margin: 10px 75px 30px 76px;
|
||||
}
|
||||
div.color { background-color: aqua; }
|
||||
|
||||
div.imagetl, div.imagebr {
|
||||
background-image: url(repeatable-diagonal-gradient-with-ticks.png);
|
||||
}
|
||||
|
||||
div.imagetl { background-position: 0 0; }
|
||||
div.imagebr { background-position: 181px 117px; }
|
||||
|
||||
div.vstripe, div.hstripe { background: white; position: absolute; }
|
||||
div.vstripe { top: 0; width: 2px; height: 500px; }
|
||||
div.hstripe { left: 0; height: 3px; width: 400px; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="color"></div>
|
||||
<div class="imagetl o"></div>
|
||||
<div class="imagebr o"></div>
|
||||
|
||||
<div class="hstripe" style="top: 46px"></div>
|
||||
<div class="hstripe" style="top: 70px"></div>
|
||||
<div class="hstripe" style="top: 94px"></div>
|
||||
<div class="hstripe" style="top: 118px"></div>
|
||||
<div class="hstripe" style="top: 193px"></div>
|
||||
<div class="hstripe" style="top: 217px"></div>
|
||||
<div class="hstripe" style="top: 241px"></div>
|
||||
<div class="hstripe" style="top: 265px"></div>
|
||||
<div class="hstripe" style="top: 340px"></div>
|
||||
<div class="hstripe" style="top: 364px"></div>
|
||||
<div class="hstripe" style="top: 388px"></div>
|
||||
<div class="hstripe" style="top: 412px"></div>
|
||||
|
||||
<div class="vstripe" style="left: 89px"></div>
|
||||
<div class="vstripe" style="left: 150px"></div>
|
||||
<div class="vstripe" style="left: 211px"></div>
|
||||
<div class="vstripe" style="left: 272px"></div>
|
||||
<div class="vstripe" style="left: 333px"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,110 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Table background tests</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
|
||||
body { padding: 15px; }
|
||||
|
||||
.o { opacity: 0.5; }
|
||||
|
||||
table {
|
||||
margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
|
||||
border: transparent solid;
|
||||
border-width: 4px 2px 7px 3px;
|
||||
padding: 3px 7px 8px 6px;
|
||||
border-collapse: separate;
|
||||
border-spacing: 2px 3px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: transparent solid;
|
||||
border-width: 2px 1px 4px 3px;
|
||||
padding: 1px 2px 4px 3px;
|
||||
empty-cells: show;
|
||||
}
|
||||
|
||||
div { height: 10px; width: 50px; }
|
||||
|
||||
table.color colgroup.t { background-color: aqua; }
|
||||
|
||||
table.imagetl colgroup.t, table.imagebr colgroup.t {
|
||||
background-image: url(repeatable-diagonal-gradient-with-ticks.png);
|
||||
}
|
||||
|
||||
table.imagetl colgroup.t { background-position: top left; /* default */ }
|
||||
table.imagebr colgroup.t { background-position: bottom right; /* default */ }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table class="color">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t">
|
||||
<col>
|
||||
<col class="t o">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t o">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t o"><td><div></div></td><td><div></div></td><td class="t o"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="imagetl">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t o">
|
||||
<col>
|
||||
<col class="t">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="imagebr">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t o">
|
||||
<col>
|
||||
<col class="t">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,91 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Table background tests</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
|
||||
body { padding: 15px; }
|
||||
|
||||
.o { opacity: 0.5; }
|
||||
|
||||
/*
|
||||
table {
|
||||
margin: 0px 3px 2px 4px;
|
||||
border-width: 4px 2px 7px 3px;
|
||||
|
||||
border-box height is 145px:
|
||||
border-top: 4px;
|
||||
padding-top: 3px
|
||||
border-spacing: 3px * 6 == 18px
|
||||
cell * 5: == 21px * 5 == 105px
|
||||
border-top: 2px;
|
||||
padding-top: 1px;
|
||||
height: 10px;
|
||||
padding-bottom: 4px;
|
||||
border-bottom: 4px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 7px;
|
||||
|
||||
border-box width is 325px:
|
||||
border-left: 3px;
|
||||
padding-left: 6px
|
||||
border-spacing: 2px * 6 == 12px
|
||||
cell * 5: == 59px * 5 == 295px
|
||||
border-left: 3px;
|
||||
padding-left: 3px;
|
||||
width: 50px;
|
||||
padding-right: 2px;
|
||||
border-right: 1px;
|
||||
padding-right: 7px;
|
||||
border-right: 2px;
|
||||
*/
|
||||
|
||||
div.color, div.imagetl, div.imagebr {
|
||||
width: 59px; height: 117px; margin: 10px 136px 30px 137px;
|
||||
}
|
||||
div.color { background-color: aqua; }
|
||||
|
||||
div.imagetl, div.imagebr {
|
||||
background-image: url(repeatable-diagonal-gradient-with-ticks.png);
|
||||
}
|
||||
|
||||
div.imagetl { background-position: 0 0; }
|
||||
div.imagebr { background-position: 59px 117px; }
|
||||
|
||||
div.vstripe, div.hstripe { background: white; position: absolute; }
|
||||
div.vstripe { top: 0; width: 2px; height: 500px; }
|
||||
div.hstripe { left: 0; height: 3px; width: 400px; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="color"></div>
|
||||
<div class="imagetl o"></div>
|
||||
<div class="imagebr o"></div>
|
||||
|
||||
<div class="hstripe" style="top: 46px"></div>
|
||||
<div class="hstripe" style="top: 70px"></div>
|
||||
<div class="hstripe" style="top: 94px"></div>
|
||||
<div class="hstripe" style="top: 118px"></div>
|
||||
<div class="hstripe" style="top: 193px"></div>
|
||||
<div class="hstripe" style="top: 217px"></div>
|
||||
<div class="hstripe" style="top: 241px"></div>
|
||||
<div class="hstripe" style="top: 265px"></div>
|
||||
<div class="hstripe" style="top: 340px"></div>
|
||||
<div class="hstripe" style="top: 364px"></div>
|
||||
<div class="hstripe" style="top: 388px"></div>
|
||||
<div class="hstripe" style="top: 412px"></div>
|
||||
|
||||
<div class="vstripe" style="left: 89px"></div>
|
||||
<div class="vstripe" style="left: 150px"></div>
|
||||
<div class="vstripe" style="left: 211px"></div>
|
||||
<div class="vstripe" style="left: 272px"></div>
|
||||
<div class="vstripe" style="left: 333px"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,110 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Table background tests</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
|
||||
body { padding: 15px; }
|
||||
|
||||
.o { opacity: 0.5; }
|
||||
|
||||
table {
|
||||
margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
|
||||
border: transparent solid;
|
||||
border-width: 4px 2px 7px 3px;
|
||||
padding: 3px 7px 8px 6px;
|
||||
border-collapse: separate;
|
||||
border-spacing: 2px 3px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: transparent solid;
|
||||
border-width: 2px 1px 4px 3px;
|
||||
padding: 1px 2px 4px 3px;
|
||||
empty-cells: show;
|
||||
}
|
||||
|
||||
div { height: 10px; width: 50px; }
|
||||
|
||||
table.color col.t { background-color: aqua; }
|
||||
|
||||
table.imagetl col.t, table.imagebr col.t {
|
||||
background-image: url(repeatable-diagonal-gradient-with-ticks.png);
|
||||
}
|
||||
|
||||
table.imagetl col.t { background-position: top left; /* default */ }
|
||||
table.imagebr col.t { background-position: bottom right; /* default */ }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table class="color">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t">
|
||||
<col>
|
||||
<col class="t">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t o">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t o"><td><div></div></td><td><div></div></td><td class="t o"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="imagetl">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t">
|
||||
<col>
|
||||
<col class="t o">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="imagebr">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t o">
|
||||
<col>
|
||||
<col class="t">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,66 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Table background tests</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
|
||||
body { padding: 15px; }
|
||||
|
||||
.o { opacity: 0.5; }
|
||||
|
||||
/*
|
||||
table {
|
||||
margin: 0px 3px 2px 4px;
|
||||
border-width: 4px 2px 7px 3px;
|
||||
|
||||
border-box height is 145px:
|
||||
border-top: 4px;
|
||||
padding-top: 3px
|
||||
border-spacing: 3px * 6 == 18px
|
||||
cell * 5: == 21px * 5 == 105px
|
||||
border-top: 2px;
|
||||
padding-top: 1px;
|
||||
height: 10px;
|
||||
padding-bottom: 4px;
|
||||
border-bottom: 4px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 7px;
|
||||
|
||||
border-box width is 325px:
|
||||
border-left: 3px;
|
||||
padding-left: 6px
|
||||
border-spacing: 2px * 6 == 12px
|
||||
cell * 5: == 59px * 5 == 295px
|
||||
border-left: 3px;
|
||||
padding-left: 3px;
|
||||
width: 50px;
|
||||
padding-right: 2px;
|
||||
border-right: 1px;
|
||||
padding-right: 7px;
|
||||
border-right: 2px;
|
||||
*/
|
||||
|
||||
div { width: 325px; height: 145px; margin: 0px 3px 2px 4px; }
|
||||
div.color { background-color: aqua; }
|
||||
|
||||
div.imagetl, div.imagebr {
|
||||
background-image: url(repeatable-diagonal-gradient-with-ticks.png);
|
||||
}
|
||||
|
||||
div.imagetl { background-position: 3px 4px; }
|
||||
div.imagebr { background-position: 323px 138px; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="color"></div>
|
||||
<div class="imagetl o"></div>
|
||||
<div class="imagebr o"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,91 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Table background tests</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
|
||||
body { padding: 15px; }
|
||||
|
||||
.o { opacity: 0.5; }
|
||||
|
||||
/*
|
||||
table {
|
||||
margin: 0px 3px 2px 4px;
|
||||
border-width: 4px 2px 7px 3px;
|
||||
|
||||
border-box height is 145px:
|
||||
border-top: 4px;
|
||||
padding-top: 3px
|
||||
border-spacing: 3px * 6 == 18px
|
||||
cell * 5: == 21px * 5 == 105px
|
||||
border-top: 2px;
|
||||
padding-top: 1px;
|
||||
height: 10px;
|
||||
padding-bottom: 4px;
|
||||
border-bottom: 4px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 7px;
|
||||
|
||||
border-box width is 325px:
|
||||
border-left: 3px;
|
||||
padding-left: 6px
|
||||
border-spacing: 2px * 6 == 12px
|
||||
cell * 5: == 59px * 5 == 295px
|
||||
border-left: 3px;
|
||||
padding-left: 3px;
|
||||
width: 50px;
|
||||
padding-right: 2px;
|
||||
border-right: 1px;
|
||||
padding-right: 7px;
|
||||
border-right: 2px;
|
||||
*/
|
||||
|
||||
div.color, div.imagetl, div.imagebr {
|
||||
width: 303px; height: 69px; margin: 34px 14px 78px 15px;
|
||||
}
|
||||
div.color { background-color: aqua; }
|
||||
|
||||
div.imagetl, div.imagebr {
|
||||
background-image: url(repeatable-diagonal-gradient-with-ticks.png);
|
||||
}
|
||||
|
||||
div.imagetl { background-position: 0 0; }
|
||||
div.imagebr { background-position: 303px 69px; }
|
||||
|
||||
div.vstripe, div.hstripe { background: white; position: absolute; }
|
||||
div.vstripe { top: 0; width: 2px; height: 500px; }
|
||||
div.hstripe { left: 0; height: 3px; width: 400px; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="color"></div>
|
||||
<div class="imagetl o"></div>
|
||||
<div class="imagebr o"></div>
|
||||
|
||||
<div class="hstripe" style="top: 46px"></div>
|
||||
<div class="hstripe" style="top: 70px"></div>
|
||||
<div class="hstripe" style="top: 94px"></div>
|
||||
<div class="hstripe" style="top: 118px"></div>
|
||||
<div class="hstripe" style="top: 193px"></div>
|
||||
<div class="hstripe" style="top: 217px"></div>
|
||||
<div class="hstripe" style="top: 241px"></div>
|
||||
<div class="hstripe" style="top: 265px"></div>
|
||||
<div class="hstripe" style="top: 340px"></div>
|
||||
<div class="hstripe" style="top: 364px"></div>
|
||||
<div class="hstripe" style="top: 388px"></div>
|
||||
<div class="hstripe" style="top: 412px"></div>
|
||||
|
||||
<div class="vstripe" style="left: 89px"></div>
|
||||
<div class="vstripe" style="left: 150px"></div>
|
||||
<div class="vstripe" style="left: 211px"></div>
|
||||
<div class="vstripe" style="left: 272px"></div>
|
||||
<div class="vstripe" style="left: 333px"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,110 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Table background tests</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
|
||||
body { padding: 15px; }
|
||||
|
||||
.o { opacity: 0.5; }
|
||||
|
||||
table {
|
||||
margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
|
||||
border: transparent solid;
|
||||
border-width: 4px 2px 7px 3px;
|
||||
padding: 3px 7px 8px 6px;
|
||||
border-collapse: separate;
|
||||
border-spacing: 2px 3px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: transparent solid;
|
||||
border-width: 2px 1px 4px 3px;
|
||||
padding: 1px 2px 4px 3px;
|
||||
empty-cells: show;
|
||||
}
|
||||
|
||||
div { height: 10px; width: 50px; }
|
||||
|
||||
table.color tbody.t { background-color: aqua; }
|
||||
|
||||
table.imagetl tbody.t, table.imagebr tbody.t {
|
||||
background-image: url(repeatable-diagonal-gradient-with-ticks.png);
|
||||
}
|
||||
|
||||
table.imagetl tbody.t { background-position: top left; /* default */ }
|
||||
table.imagebr tbody.t { background-position: bottom right; /* default */ }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table class="color">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t o">
|
||||
<col>
|
||||
<col class="t o">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t o"><td><div></div></td><td><div></div></td><td class="t o"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="imagetl">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t">
|
||||
<col>
|
||||
<col class="t">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t o">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="imagebr">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t">
|
||||
<col>
|
||||
<col class="t">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t o">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,91 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Table background tests</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
|
||||
body { padding: 15px; }
|
||||
|
||||
.o { opacity: 0.5; }
|
||||
|
||||
/*
|
||||
table {
|
||||
margin: 0px 3px 2px 4px;
|
||||
border-width: 4px 2px 7px 3px;
|
||||
|
||||
border-box height is 145px:
|
||||
border-top: 4px;
|
||||
padding-top: 3px
|
||||
border-spacing: 3px * 6 == 18px
|
||||
cell * 5: == 21px * 5 == 105px
|
||||
border-top: 2px;
|
||||
padding-top: 1px;
|
||||
height: 10px;
|
||||
padding-bottom: 4px;
|
||||
border-bottom: 4px;
|
||||
padding-bottom: 8px;
|
||||
border-bottom: 7px;
|
||||
|
||||
border-box width is 325px:
|
||||
border-left: 3px;
|
||||
padding-left: 6px
|
||||
border-spacing: 2px * 6 == 12px
|
||||
cell * 5: == 59px * 5 == 295px
|
||||
border-left: 3px;
|
||||
padding-left: 3px;
|
||||
width: 50px;
|
||||
padding-right: 2px;
|
||||
border-right: 1px;
|
||||
padding-right: 7px;
|
||||
border-right: 2px;
|
||||
*/
|
||||
|
||||
div.color, div.imagetl, div.imagebr {
|
||||
width: 303px; height: 21px; margin: 58px 14px 126px 15px;
|
||||
}
|
||||
div.color { background-color: aqua; }
|
||||
|
||||
div.imagetl, div.imagebr {
|
||||
background-image: url(repeatable-diagonal-gradient-with-ticks.png);
|
||||
}
|
||||
|
||||
div.imagetl { background-position: 0 0; }
|
||||
div.imagebr { background-position: 303px 21px; }
|
||||
|
||||
div.vstripe, div.hstripe { background: white; position: absolute; }
|
||||
div.vstripe { top: 0; width: 2px; height: 500px; }
|
||||
div.hstripe { left: 0; height: 3px; width: 400px; }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="color"></div>
|
||||
<div class="imagetl o"></div>
|
||||
<div class="imagebr o"></div>
|
||||
|
||||
<div class="hstripe" style="top: 46px"></div>
|
||||
<div class="hstripe" style="top: 70px"></div>
|
||||
<div class="hstripe" style="top: 94px"></div>
|
||||
<div class="hstripe" style="top: 118px"></div>
|
||||
<div class="hstripe" style="top: 193px"></div>
|
||||
<div class="hstripe" style="top: 217px"></div>
|
||||
<div class="hstripe" style="top: 241px"></div>
|
||||
<div class="hstripe" style="top: 265px"></div>
|
||||
<div class="hstripe" style="top: 340px"></div>
|
||||
<div class="hstripe" style="top: 364px"></div>
|
||||
<div class="hstripe" style="top: 388px"></div>
|
||||
<div class="hstripe" style="top: 412px"></div>
|
||||
|
||||
<div class="vstripe" style="left: 89px"></div>
|
||||
<div class="vstripe" style="left: 150px"></div>
|
||||
<div class="vstripe" style="left: 211px"></div>
|
||||
<div class="vstripe" style="left: 272px"></div>
|
||||
<div class="vstripe" style="left: 333px"></div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,110 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Table background tests</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
|
||||
body { padding: 15px; }
|
||||
|
||||
.o { opacity: 0.5; }
|
||||
|
||||
table {
|
||||
margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
|
||||
border: transparent solid;
|
||||
border-width: 4px 2px 7px 3px;
|
||||
padding: 3px 7px 8px 6px;
|
||||
border-collapse: separate;
|
||||
border-spacing: 2px 3px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: transparent solid;
|
||||
border-width: 2px 1px 4px 3px;
|
||||
padding: 1px 2px 4px 3px;
|
||||
empty-cells: show;
|
||||
}
|
||||
|
||||
div { height: 10px; width: 50px; }
|
||||
|
||||
table.color tr.t { background-color: aqua; }
|
||||
|
||||
table.imagetl tr.t, table.imagebr tr.t {
|
||||
background-image: url(repeatable-diagonal-gradient-with-ticks.png);
|
||||
}
|
||||
|
||||
table.imagetl tr.t { background-position: top left; /* default */ }
|
||||
table.imagebr tr.t { background-position: bottom right; /* default */ }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table class="color">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t o">
|
||||
<col>
|
||||
<col class="t o">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t"><td><div></div></td><td><div></div></td><td class="t o"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="imagetl">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t">
|
||||
<col>
|
||||
<col class="t">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t o"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="imagebr">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t">
|
||||
<col>
|
||||
<col class="t">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t o">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,110 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html lang="en-US">
|
||||
<head>
|
||||
<title>Table background tests</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="Content-Style-Type" content="text/css">
|
||||
<style type="text/css">
|
||||
|
||||
html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
|
||||
body { padding: 15px; }
|
||||
|
||||
.o { opacity: 0.5; }
|
||||
|
||||
table {
|
||||
margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
|
||||
border: transparent solid;
|
||||
border-width: 4px 2px 7px 3px;
|
||||
padding: 3px 7px 8px 6px;
|
||||
border-collapse: separate;
|
||||
border-spacing: 2px 3px;
|
||||
}
|
||||
|
||||
td {
|
||||
border: transparent solid;
|
||||
border-width: 2px 1px 4px 3px;
|
||||
padding: 1px 2px 4px 3px;
|
||||
empty-cells: show;
|
||||
}
|
||||
|
||||
div { height: 10px; width: 50px; }
|
||||
|
||||
table.color { background-color: aqua; }
|
||||
|
||||
table.imagetl, table.imagebr {
|
||||
background-image: url(repeatable-diagonal-gradient-with-ticks.png);
|
||||
}
|
||||
|
||||
table.imagetl { background-position: top left; /* default */ }
|
||||
table.imagebr { background-position: bottom right; /* default */ }
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<table class="color">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t o">
|
||||
<col>
|
||||
<col class="t o">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t o">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t o"><td><div></div></td><td><div></div></td><td class="t o"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="imagetl o">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t">
|
||||
<col>
|
||||
<col class="t">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<table class="imagebr o">
|
||||
<colgroup><col></colgroup>
|
||||
<colgroup class="t">
|
||||
<col>
|
||||
<col class="t">
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup><col></colgroup>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody class="t">
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr class="t"><td><div></div></td><td><div></div></td><td class="t"><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
<tbody>
|
||||
<tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -39,3 +39,15 @@
|
|||
== border-collapse-table-row-group.html border-collapse-table-row-group-ref.html
|
||||
== border-collapse-table-row.html border-collapse-table-row-ref.html
|
||||
== border-collapse-table.html border-collapse-table-ref.html
|
||||
== border-collapse-opacity-table-cell.html border-collapse-opacity-table-cell-ref.html
|
||||
fails == border-collapse-opacity-table-column-group.html border-collapse-opacity-table-column-group-ref.html
|
||||
fails == border-collapse-opacity-table-column.html border-collapse-opacity-table-column-ref.html
|
||||
== border-collapse-opacity-table-row-group.html border-collapse-opacity-table-row-group-ref.html
|
||||
== border-collapse-opacity-table-row.html border-collapse-opacity-table-row-ref.html
|
||||
== border-collapse-opacity-table.html border-collapse-opacity-table-ref.html
|
||||
== border-separate-opacity-table-cell.html border-separate-opacity-table-cell-ref.html
|
||||
fails == border-separate-opacity-table-column-group.html border-separate-opacity-table-column-group-ref.html
|
||||
fails == border-separate-opacity-table-column.html border-separate-opacity-table-column-ref.html
|
||||
== border-separate-opacity-table-row-group.html border-separate-opacity-table-row-group-ref.html
|
||||
== border-separate-opacity-table-row.html border-separate-opacity-table-row-ref.html
|
||||
== border-separate-opacity-table.html border-separate-opacity-table-ref.html
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче