1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/table-background/border-collapse-opacity-table-column.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,109 @@
1.4 +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
1.5 + "http://www.w3.org/TR/html4/strict.dtd">
1.6 +<html lang="en-US">
1.7 +<head>
1.8 + <title>Table background tests</title>
1.9 + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
1.10 + <meta http-equiv="Content-Style-Type" content="text/css">
1.11 + <style type="text/css">
1.12 +
1.13 + html, body { margin: 0; padding: 0; border: 0; font-size: 16px; }
1.14 + body { padding: 15px; }
1.15 +
1.16 + .o { opacity: 0.5; }
1.17 +
1.18 + table {
1.19 + margin: 0 3px 2px 4px; /* zero top to work around collapsing bug */
1.20 + border: transparent solid;
1.21 + border-width: 4px 2px 8px 6px; /* collapsed */
1.22 + padding: 3px 7px 8px 6px; /* ignored */
1.23 + border-collapse: collapse;
1.24 + }
1.25 +
1.26 + td {
1.27 + border: transparent solid;
1.28 + border-width: 2px 0 4px 2px; /* collapsed */
1.29 + padding: 1px 2px 4px 3px;
1.30 + empty-cells: show;
1.31 + }
1.32 +
1.33 + div { height: 10px; width: 50px; }
1.34 +
1.35 + table.color col.t { background-color: aqua; }
1.36 +
1.37 + table.imagetl col.t, table.imagebr col.t {
1.38 + background-image: url(repeatable-diagonal-gradient-with-ticks.png);
1.39 + }
1.40 +
1.41 + table.imagetl col.t { background-position: top left; /* default */ }
1.42 + table.imagebr col.t { background-position: bottom right; /* default */ }
1.43 +
1.44 + </style>
1.45 +</head>
1.46 +<body>
1.47 +
1.48 +<table class="color">
1.49 + <colgroup><col></colgroup>
1.50 + <colgroup class="t o">
1.51 + <col>
1.52 + <col class="t">
1.53 + <col>
1.54 + </colgroup>
1.55 + <colgroup><col></colgroup>
1.56 + <tbody>
1.57 + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
1.58 + </tbody>
1.59 + <tbody class="t">
1.60 + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
1.61 + <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>
1.62 + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
1.63 + </tbody>
1.64 + <tbody>
1.65 + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
1.66 + </tbody>
1.67 +</table>
1.68 +
1.69 +<table class="imagetl">
1.70 + <colgroup><col></colgroup>
1.71 + <colgroup class="t">
1.72 + <col>
1.73 + <col class="t o">
1.74 + <col>
1.75 + </colgroup>
1.76 + <colgroup><col></colgroup>
1.77 + <tbody>
1.78 + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
1.79 + </tbody>
1.80 + <tbody class="t">
1.81 + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
1.82 + <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>
1.83 + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
1.84 + </tbody>
1.85 + <tbody>
1.86 + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
1.87 + </tbody>
1.88 +</table>
1.89 +
1.90 +<table class="imagebr">
1.91 + <colgroup><col></colgroup>
1.92 + <colgroup class="t">
1.93 + <col>
1.94 + <col class="t">
1.95 + <col>
1.96 + </colgroup>
1.97 + <colgroup><col></colgroup>
1.98 + <tbody>
1.99 + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
1.100 + </tbody>
1.101 + <tbody class="t o">
1.102 + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
1.103 + <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>
1.104 + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
1.105 + </tbody>
1.106 + <tbody>
1.107 + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
1.108 + </tbody>
1.109 +</table>
1.110 +
1.111 +</body>
1.112 +</html>
