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

Side by Side Diff: third_party/WebKit/LayoutTests/fast/table/backgr_position-table-row.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_position-table-column.html" title="Background Posi tion: Background on 'table-column'"> 5 <link rel="next" href="backgr_position-table-column.html" title="Background Posi tion: Background on 'table-column'">
6 <link rel="prev" href="backgr_position-table-column-group.html" title="Backgroun d Position: Background on 'table-column-group'"> 6 <link rel="prev" href="backgr_position-table-column-group.html" title="Backgroun d Position: 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 .th-row-1 {background: black url(../images/edge.gif) bottom right no-repeat;} 11 .th-row-1 {background: black url(resources/edge.gif) bottom right no-repeat;}
12 .tb-row-1 {background: black url(../images/edge.gif) bottom left no-repeat;} 12 .tb-row-1 {background: black url(resources/edge.gif) bottom left no-repeat;}
13 .tb-row-2 {background: black url(../images/edge.gif) top left no-repeat;} 13 .tb-row-2 {background: black url(resources/edge.gif) top left no-repeat;}
14 14
15 </style> 15 </style>
16 </head> 16 </head>
17 <body> 17 <body>
18 <h1>CSS2 Table Backgrounds Test Suite</h1>
19
20 <h2>Part B: Background Position</h2>
21
22 <h3>Background on 'table-row'</h3> 18 <h3>Background on 'table-row'</h3>
23
24 <p>Three rows are styled.</p>
25 <p>The first row should have three aqua stripes just inside the
26 bottom and right border edges of its last cell. The bottom three
27 stripes should continue across the row, appearing along the border
28 edge of each cell.</p>
29 <p>The second row should have three vertical aqua stripes just
30 inside the left border edge of the top half of the first cell (Cell
31 E.) Three horizontal aqua stripes should cut across that cell and
32 align along the bottom border edge of the last three cells.</p>
33 <p>The third row should have three horizontal aqua stripes along the
34 top border edge of the last three cells in the row.</p>
35 <dl>
36 <dt>next
37 <dd><a href="backgr_position-table-column.html">Background Position: B ackground on 'table-column'</a>
38 <dt>previous
39 <dd><a href="backgr_position-table-column-group.html">Background Posit ion: Background on 'table-column-group'</a>
40 <dt>contents
41 <dd><a href="./backgr_index.html">Table of Contents</a>
42 </dl>
43
44 <table class="separate"> 19 <table class="separate">
45 <caption>With 'border-collapse: separate'</caption> 20 <caption>With 'border-collapse: separate'</caption>
46 <colgroup class="colgroup-A"> 21 <colgroup class="colgroup-A">
47 <col class="col-1"> 22 <col class="col-1">
48 <col class="col-2"> 23 <col class="col-2">
49 <col class="col-3"> 24 <col class="col-3">
50 </colgroup> 25 </colgroup>
51 <colgroup class="colgroup-B"> 26 <colgroup class="colgroup-B">
52 <col class="col-4"> 27 <col class="col-4">
53 </colgroup> 28 </colgroup>
(...skipping 21 matching lines...) Expand all
75 </tr> 50 </tr>
76 <tr class="tb-row-2"> 51 <tr class="tb-row-2">
77 52
78 <td class="j">TD J</td> 53 <td class="j">TD J</td>
79 <td class="k">TD K</td> 54 <td class="k">TD K</td>
80 <td class="l">TD L</td> 55 <td class="l">TD L</td>
81 </tr> 56 </tr>
82 </tbody> 57 </tbody>
83 </table> 58 </table>
84 59
85 <table class="collapse"> 60 <p>Three rows are styled.</p>
86 <caption>With 'border-collapse: collapse'</caption> 61 <p>The first row should have three aqua stripes just inside the
87 <colgroup class="colgroup-A"> 62 bottom and right border edges of its last cell. The bottom three
88 <col class="col-1"> 63 stripes should continue across the row, appearing along the border
89 <col class="col-2"> 64 edge of each cell.</p>
90 <col class="col-3"> 65 <p>The second row should have three vertical aqua stripes just
91 </colgroup> 66 inside the left border edge of the top half of the first cell (Cell
92 <colgroup class="colgroup-B"> 67 E.) Three horizontal aqua stripes should cut across that cell and
93 <col class="col-4"> 68 align along the bottom border edge of the last three cells.</p>
94 </colgroup> 69 <p>The third row should have three horizontal aqua stripes along the
95 <thead> 70 top border edge of the last three cells in the row.</p>
96 <tr class="th-row-1">
97 <th class="a">TH A</th>
98 <th class="b">TH B</th>
99 <th class="c">TH C</th>
100 <th class="d">TH D</th>
101 </tr>
102 </thead>
103 <tfoot>
104 <tr class="tf-row-1">
105 <td class="m" colspan=2>TD M</td>
106
107 <td class="o">TD O</td>
108 <td class="p">TD P</td>
109 </tfoot>
110 <tbody>
111 <tr class="tb-row-1">
112 <td class="e" rowspan=2>TD E</td>
113 <td class="f">TD F</td>
114 <td class="g">TD G</td>
115 <td class="h">TD H</td>
116 </tr>
117 <tr class="tb-row-2">
118
119 <td class="j">TD J</td>
120 <td class="k">TD K</td>
121 <td class="l">TD L</td>
122 </tr>
123 </tbody>
124 </table>
125 <div class="validity"> 71 <div class="validity">
126 <a href="http://validator.w3.org/check/referer"><img 72 <a href="http://validator.w3.org/check/referer"><img
127 src="../images/valid-html401.png" height="31" width="88" 73 src="resources/valid-html401.png" height="31" width="88"
128 alt="Valid HTML 4.01!"></a> 74 alt="Valid HTML 4.01!"></a>
129 </div> 75 </div>
130 <address> 76 <address>
131 CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasa i&#64;escape.com&gt; 77 CSS2 Table Backgrounds Test Suite designed and written by fantasai &lt;fantasa i&#64;escape.com&gt;
132 </address> 78 </address>
133 79
134 </body> 80 </body>
135 </html> 81 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698