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