1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/table-background/border-separate-opacity-table-row-group.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,110 @@
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 7px 3px;
1.22 + padding: 3px 7px 8px 6px;
1.23 + border-collapse: separate;
1.24 + border-spacing: 2px 3px;
1.25 + }
1.26 +
1.27 + td {
1.28 + border: transparent solid;
1.29 + border-width: 2px 1px 4px 3px;
1.30 + padding: 1px 2px 4px 3px;
1.31 + empty-cells: show;
1.32 + }
1.33 +
1.34 + div { height: 10px; width: 50px; }
1.35 +
1.36 + table.color tbody.t { background-color: aqua; }
1.37 +
1.38 + table.imagetl tbody.t, table.imagebr tbody.t {
1.39 + background-image: url(repeatable-diagonal-gradient-with-ticks.png);
1.40 + }
1.41 +
1.42 + table.imagetl tbody.t { background-position: top left; /* default */ }
1.43 + table.imagebr tbody.t { background-position: bottom right; /* default */ }
1.44 +
1.45 + </style>
1.46 +</head>
1.47 +<body>
1.48 +
1.49 +<table class="color">
1.50 + <colgroup><col></colgroup>
1.51 + <colgroup class="t o">
1.52 + <col>
1.53 + <col class="t o">
1.54 + <col>
1.55 + </colgroup>
1.56 + <colgroup><col></colgroup>
1.57 + <tbody>
1.58 + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
1.59 + </tbody>
1.60 + <tbody class="t">
1.61 + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
1.62 + <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.63 + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
1.64 + </tbody>
1.65 + <tbody>
1.66 + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
1.67 + </tbody>
1.68 +</table>
1.69 +
1.70 +<table class="imagetl">
1.71 + <colgroup><col></colgroup>
1.72 + <colgroup class="t">
1.73 + <col>
1.74 + <col class="t">
1.75 + <col>
1.76 + </colgroup>
1.77 + <colgroup><col></colgroup>
1.78 + <tbody>
1.79 + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
1.80 + </tbody>
1.81 + <tbody class="t o">
1.82 + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
1.83 + <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.84 + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
1.85 + </tbody>
1.86 + <tbody>
1.87 + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
1.88 + </tbody>
1.89 +</table>
1.90 +
1.91 +<table class="imagebr">
1.92 + <colgroup><col></colgroup>
1.93 + <colgroup class="t">
1.94 + <col>
1.95 + <col class="t">
1.96 + <col>
1.97 + </colgroup>
1.98 + <colgroup><col></colgroup>
1.99 + <tbody>
1.100 + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
1.101 + </tbody>
1.102 + <tbody class="t o">
1.103 + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
1.104 + <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.105 + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
1.106 + </tbody>
1.107 + <tbody>
1.108 + <tr><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td><td><div></div></td></tr>
1.109 + </tbody>
1.110 +</table>
1.111 +
1.112 +</body>
1.113 +</html>
