Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(597)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: third_party/WebKit/LayoutTests/fast/table/backgr_layers-show.html

Issue 2600903002: Paint the whole of a table-part background image behind the cells in a table (Closed)
Patch Set: Paint the whole of an image behind the cells in a table Created 3 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/table/backgr_layers-opacity-collapsed-border.html ('k') | third_party/WebKit/LayoutTests/fast/table/backgr_layers-show-collapsed-border.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
2 <head> 2 <head>
3 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> 3 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
4 <title>empty-cells: show</title> 4 <title>empty-cells: show</title>
5 <link rel="next" href="backgr_layers-hide.html" title="Background Layers: empty- cell: hide"> 5 <link rel="next" href="backgr_layers-hide.html" title="Background Layers: empty- cell: hide">
6 <link rel="prev" href="backgr_position-table-cell.html" title="Background Positi on: Background on 'table-cell'"> 6 <link rel="prev" href="backgr_position-table-cell.html" title="Background Positi on: Background on 'table-cell'">
7 <link rel="contents" href="./backgr_index.html" title="Table of Contents"> 7 <link rel="contents" href="./backgr_index.html" title="Table of Contents">
8 <link rel="stylesheet" type="text/css" href="common.css"> 8 <link rel="stylesheet" type="text/css" href="common.css">
9 <style type="text/css"> 9 <style type="text/css">
10 body {overflow: hidden;}
11 table {background: blue; empty-cells: show} 10 table {background: blue; empty-cells: show}
12 tbody, thead {background: url(../images/edge.gif) right top no-repeat} 11 tbody, thead {background: url(../images/edge.gif) right top no-repeat}
13 tr {background: url(../images/edge.gif) 0 10px no-repeat} 12 tr {background: url(../images/edge.gif) 0 10px no-repeat}
14 .colgroup-A {background: url(../images/edge.gif) 100% 20px no-repeat} 13 .colgroup-A {background: url(../images/edge.gif) 100% 20px no-repeat}
15 .col-3 {background: url(../images/edge.gif) 0 30px no-repeat} 14 .col-3 {background: url(../images/edge.gif) 0 30px no-repeat}
16 .c {background: url(../images/edge.gif) -20px 100% no-repeat; min- height: 50px} 15 .c {background: url(../images/edge.gif) -20px 100% no-repeat; min- height: 50px}
17 16
18 </style> 17 </style>
19 </head> 18 </head>
20 <body> 19 <body>
21 <h1>CSS2 Table Backgrounds Test Suite</h1> 20 <h3>crbug.com/35679: empty-cells: show</h3>
22
23 <h2>Part C: Background Layers</h2>
24
25 <h3>empty-cells: show</h3>
26
27 <p>Both tables should have a blue background.</p>
28
29 <p>In table cell C (third cell in the first row), which is empty:</p>
30 <ul>
31 <li>Four sets of horizontal double violet stripes surrounded by aqua sho uld run just inside the top border edge.
32 <li>One set of aqua-backed double violet stripes should run just inside the left, right, and bottom border edges.
33 <li>The third set along the top should turn down at the right edge and g o under the fourth set to form the right-edge set.
34 <li>The fourth set should turn down at the left edge to form the left se t.
35 <li>The bottom stripe should be straight and cut across <em>over</em> th e side sets.
36 </ul>
37 <p>In table cell A, (first cell in the first row):</p>
38 <ul>
39 <li>Three sets of horizontal aqua-backed double violet stripes should ru n just inside the top border edge.
40 <li>The first set should run across.
41 <li>The second set should turn down at the left edge, going over the thi rd set to form another set that runs just inside the left border edge.
42 </ul>
43 <p>In table cell D, (last cell in the first row):</p>
44 <ul>
45 <li>Two sets of horizontal aqua-backed double violet strips should run j ust inside the top border edge.
46 <li>The first set should turn down at the right edge, going under the se cond horizontal set to run vertically just inside the right border edge.
47 </ul>
48 <p>In table cell G, (third cell in the second row):</p>
49 <ul>
50 <li>Two sets of horizontal aqua-backed double violet stripes should run just inside the top border edge.
51 <li>A set of vertical stripes should run down just inside the left borde r edge, going under both horizontal stripes.
52 <li>Another set of vertical stripes should run down just inside the righ t border edge, also going under both horizontal stripes.
53 </ul>
54 <dl>
55 <dt>next
56 <dd><a href="backgr_layers-hide.html">Background Layers: empty-cells: show</a>
57 <dt>previous
58 <dd><a href="backgr_position-table-cell.html">Background Position: Bac kground on 'table-cell'</a>
59 <dt>contents
60 <dd><a href="./backgr_index.html">Table of Contents</a>
61 </dl>
62
63 <table class="separate"> 21 <table class="separate">
64 <caption>With 'border-collapse: separate'</caption> 22 <caption>With 'border-collapse: separate'</caption>
65 <colgroup class="colgroup-A"> 23 <colgroup class="colgroup-A">
66 <col class="col-1"> 24 <col class="col-1">
67 <col class="col-2"> 25 <col class="col-2">
68 <col class="col-3"> 26 <col class="col-3">
69 </colgroup> 27 </colgroup>
70 <colgroup class="colgroup-B"> 28 <colgroup class="colgroup-B">
71 <col class="col-4"> 29 <col class="col-4">
72 </colgroup> 30 </colgroup>
(...skipping 21 matching lines...) Expand all
94 </tr> 52 </tr>
95 <tr class="tb-row-2"> 53 <tr class="tb-row-2">
96 54
97 <td class="j">TD J</td> 55 <td class="j">TD J</td>
98 <td class="k">TD K</td> 56 <td class="k">TD K</td>
99 <td class="l">TD L</td> 57 <td class="l">TD L</td>
100 </tr> 58 </tr>
101 </tbody> 59 </tbody>
102 </table> 60 </table>
103 61
104 <table class="collapse"> 62 <p>In table cell C (third cell in the first row), which is empty:</p>
105 <caption>With 'border-collapse: collapse'</caption> 63 <ul>
106 <colgroup class="colgroup-A"> 64 <li>Four sets of horizontal double violet stripes surrounded by aqua sho uld run just inside the top border edge.
107 <col class="col-1"> 65 <li>One set of aqua-backed double violet stripes should run just inside the left, right, and bottom border edges.
108 <col class="col-2"> 66 <li>The third set along the top should turn down at the right edge and g o under the fourth set to form the right-edge set.
109 <col class="col-3"> 67 <li>The fourth set should turn down at the left edge to form the left se t.
110 </colgroup> 68 <li>The bottom stripe should be straight and cut across <em>over</em> th e side sets.
111 <colgroup class="colgroup-B"> 69 </ul>
112 <col class="col-4"> 70 <p>In table cell A, (first cell in the first row):</p>
113 </colgroup> 71 <ul>
114 <thead> 72 <li>Three sets of horizontal aqua-backed double violet stripes should ru n just inside the top border edge.
115 <tr class="th-row-1"> 73 <li>The first set should run across.
116 <th class="a">TH A</th> 74 <li>The second set should turn down at the left edge, going over the thi rd set to form another set that runs just inside the left border edge.
117 <th class="b">TH B</th> 75 </ul>
118 <th class="c"></th> 76 <p>In table cell D, (last cell in the first row):</p>
119 <th class="d">TH D</th> 77 <ul>
120 </tr> 78 <li>Two sets of horizontal aqua-backed double violet strips should run j ust inside the top border edge.
121 </thead> 79 <li>The first set should turn down at the right edge, going under the se cond horizontal set to run vertically just inside the right border edge.
122 <tfoot> 80 </ul>
123 <tr class="tb-row-1"> 81 <p>In table cell G, (third cell in the second row):</p>
124 <td class="m" colspan=2>TD M</td> 82 <ul>
83 <li>Two sets of horizontal aqua-backed double violet stripes should run just inside the top border edge.
84 <li>A set of vertical stripes should run down just inside the left borde r edge, going under both horizontal stripes.
85 <li>Another set of vertical stripes should run down just inside the righ t border edge, also going under both horizontal stripes.
86 </ul>
125 87
126 <td class="o">TD O</td>
127 <td class="p">TD P</td>
128 </tfoot>
129 <tbody>
130 <tr class="tb-row-1">
131 <td class="e" rowspan=2>TD E</td>
132 <td class="f">TD F</td>
133 <td class="g">TD G</td>
134 <td class="h">TD H</td>
135 </tr>
136 <tr class="tb-row-2">
137
138 <td class="j">TD J</td>
139 <td class="k">TD K</td>
140 <td class="l">TD L</td>
141 </tr>
142 </tbody>
143 </table>
144 <div class="validity"> 88 <div class="validity">
145 <a href="http://validator.w3.org/check/referer"><img 89 <a href="http://validator.w3.org/check/referer"><img
146 src="../images/valid-html401.png" height="31" width="88" 90 src="../images/valid-html401.png" height="31" width="88"
147 alt="Valid HTML 4.01!"></a> 91 alt="Valid HTML 4.01!"></a>
148 </div> 92 </div>
149 <address> 93 <address>
150 CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasa i&#64;escape.com&gt; 94 CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasa i&#64;escape.com&gt;
151 </address> 95 </address>
152 96
153 </body> 97 </body>
154 </html> 98 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/fast/table/backgr_layers-opacity-collapsed-border.html ('k') | third_party/WebKit/LayoutTests/fast/table/backgr_layers-show-collapsed-border.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698