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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/table/backgr_simple-table-row-collapsed-border.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
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>Background on 'table-row'</title> 4 <title>Background on 'table-row'</title>
5 <link rel="next" href="backgr_simple-table-column.html" title="Background Area: Background on 'table-column'"> 5 <link rel="next" href="backgr_simple-table-column.html" title="Background Area: Background on 'table-column'">
6 <link rel="prev" href="backgr_simple-table-column-group.html" title="Background Area: Background on 'table-column-group'"> 6 <link rel="prev" href="backgr_simple-table-column-group.html" title="Background Area: Background on 'table-column-group'">
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="resources/common.css">
9 <style type="text/css"> 9 <style type="text/css">
10 10
11 tr {background: black url(../images/rainbowh.gif) bottom left;} 11 tr {background: black url(resources/rainbowh.gif) bottom left;}
12 12
13 </style> 13 </style>
14 </head> 14 </head>
15 <body> 15 <body>
16 <h1>CSS2 Table Backgrounds Test Suite</h1> 16 <h3>crbug.com/35679: Background on 'table-row'</h3>
17
18 <h2>Part A: Background Area</h2>
19
20 <h3>Background on 'table-row'</h3>
21
22 <p class="scope">All four rows are styled.</p>
23 <p class="clip">The table row background should be visible within
24 the border edge of each cell originating in the row, and the
25 background should be continuously tiled to fill the entire cell.
26 Within each row, all stripes should line up as if the cells were
27 cutouts in a stencil placed over the row background. Furthermore,
28 vertical stripes should align across rows.</p>
29 <p class="position">A red band should align with the left border
30 edge of the first cells in each row. An orange stripe should align
31 a few pixels above the bottom border of the non-row-spanning cells
32 in each row.</p>
33
34 <dl>
35 <dt>next
36 <dd><a href="backgr_simple-table-column.html">Background Area: Backgro und on 'table-column'</a>
37 <dt>previous
38 <dd><a href="backgr_simple-table-column-group.html">Background Area: B ackground on 'table-column-group'</a>
39 <dt>contents
40 <dd><a href="./backgr_index.html">Table of Contents</a>
41 </dl>
42
43 <table class="separate">
44 <caption>With 'border-collapse: separate'</caption>
45 <colgroup class="colgroup-A">
46 <col class="col-1">
47 <col class="col-2">
48 <col class="col-3">
49 </colgroup>
50 <colgroup class="colgroup-B">
51 <col class="col-4">
52 </colgroup>
53 <thead>
54 <tr class="th-row-1">
55 <th class="a">TH A</th>
56 <th class="b">TH B</th>
57 <th class="c">TH C</th>
58 <th class="d">TH D</th>
59 </tr>
60 </thead>
61 <tfoot>
62 <tr class="tf-row-1">
63 <td class="m" colspan=2>TD M</td>
64
65 <td class="o">TD O</td>
66 <td class="p">TD P</td>
67 </tfoot>
68 <tbody>
69 <tr class="tb-row-1">
70 <td class="e" rowspan=2>TD E</td>
71 <td class="f">TD F</td>
72 <td class="g">TD G</td>
73 <td class="h">TD H</td>
74 </tr>
75 <tr class="tb-row-2">
76
77 <td class="j">TD J</td>
78 <td class="k">TD K</td>
79 <td class="l">TD L</td>
80 </tr>
81 </tbody>
82 </table>
83 17
84 <table class="collapse"> 18 <table class="collapse">
85 <caption>With 'border-collapse: collapse'</caption> 19 <caption>With 'border-collapse: collapse'</caption>
86 <colgroup class="colgroup-A"> 20 <colgroup class="colgroup-A">
87 <col class="col-1"> 21 <col class="col-1">
88 <col class="col-2"> 22 <col class="col-2">
89 <col class="col-3"> 23 <col class="col-3">
90 </colgroup> 24 </colgroup>
91 <colgroup class="colgroup-B"> 25 <colgroup class="colgroup-B">
92 <col class="col-4"> 26 <col class="col-4">
(...skipping 21 matching lines...) Expand all
114 <td class="h">TD H</td> 48 <td class="h">TD H</td>
115 </tr> 49 </tr>
116 <tr class="tb-row-2"> 50 <tr class="tb-row-2">
117 51
118 <td class="j">TD J</td> 52 <td class="j">TD J</td>
119 <td class="k">TD K</td> 53 <td class="k">TD K</td>
120 <td class="l">TD L</td> 54 <td class="l">TD L</td>
121 </tr> 55 </tr>
122 </tbody> 56 </tbody>
123 </table> 57 </table>
58 <p class="scope">All four rows are styled.</p>
59 <p class="clip">The table row background should be visible within
60 the border edge of each cell originating in the row, and the
61 background should be continuously tiled to fill the entire cell.
62 Within each row, all stripes should line up as if the cells were
63 cutouts in a stencil placed over the row background. Furthermore,
64 vertical stripes should align across rows.</p>
65 <p class="position">A red band should align with the left border
66 edge of the first cells in each row. An orange stripe should align
67 a few pixels above the bottom border of the non-row-spanning cells
68 in each row.</p>
124 <div class="validity"> 69 <div class="validity">
125 <a href="http://validator.w3.org/check/referer"><img 70 <a href="http://validator.w3.org/check/referer"><img
126 src="../images/valid-html401.png" height="31" width="88" 71 src="resources/valid-html401.png" height="31" width="88"
127 alt="Valid HTML 4.01!"></a> 72 alt="Valid HTML 4.01!"></a>
128 </div> 73 </div>
129 <address> 74 <address>
130 CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasa i&#64;escape.com&gt; 75 CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasa i&#64;escape.com&gt;
131 </address> 76 </address>
132 77
133 </body> 78 </body>
134 </html> 79 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698