1 layer at (0,0) size 1408x868
2 RenderView at (0,0) size 800x600
3 layer at (0,0) size 800x868
4 RenderBlock {HTML} at (0,0) size 800x867.88
5 RenderBody {BODY} at (8,21.44) size 784x838.44
6 RenderBlock {H1} at (0,0) size 784x32
7 RenderText {#text} at (0,0) size 292x32
8 text run at (0,0) width 292: "Table Border Models"
9 RenderBlock {P} at (0,53.44) size 784x16
10 RenderText {#text} at (0,0) size 121x16
11 text run at (0,0) width 121: "This tests tests the "
12 RenderInline {A} at (0,0) size 212x16 [color=#0000EE]
13 RenderText {#text} at (120,0) size 212x16
14 text run at (120,0) width 212: "CSS2 spec rules on table borders"
15 RenderText {#text} at (331,0) size 185x16
16 text run at (331,0) width 9: ". "
17 text run at (339,0) width 177: "The styles applied here are:"
18 RenderBlock {PRE} at (0,85.44) size 784x156
19 RenderText {#text} at (0,0) size 671x156
20 text run at (0,0) width 398: "TABLE { margin: 1em; border: medium solid blue; }"
21 text run at (397,0) width 1: " "
22 text run at (0,13) width 367: "TD { border: thin solid green; padding: 5px; }"
23 text run at (366,13) width 1: " "
24 text run at (0,26) width 383: "TH { border: medium solid purple; padding: 5px; }"
25 text run at (382,26) width 1: " "
26 text run at (0,39) width 352: "TABLE.one, TABLE.two { border-spacing: 1em; }"
27 text run at (351,39) width 1: " "
28 text run at (0,52) width 313: "TABLE.one { border-collapse: collapse; }"
29 text run at (312,52) width 1: " "
30 text run at (0,65) width 313: "TABLE.two { border-collapse: separate; }"
31 text run at (312,65) width 1: " "
32 text run at (0,78) width 523: "TABLE.three { border-collapse: separate; border-spacing: 0 0.5em; }"
33 text run at (522,78) width 1: " "
34 text run at (0,91) width 515: "TABLE.four { border-collapse: separate; border-spacing: 0.5em 0; }"
35 text run at (514,91) width 1: " "
36 text run at (0,104) width 320: "TABLE.five { border-collapse: separate; }"
37 text run at (319,104) width 1: " "
38 text run at (0,117) width 453: "TABLE.five, TABLE.five TD, TABLE.five TH { border: none; }"
39 text run at (452,117) width 1: " "
40 text run at (0,130) width 671: "TABLE.five TR, TABLE.five COL, TABLE.five COLGROUP, TABLE.five TBODY, TABLE.five THEAD"
41 text run at (670,130) width 1: " "
42 text run at (0,143) width 258: " { border: medium solid red; }"
43 text run at (257,143) width 1: " "
44 RenderBlock {DIV} at (0,254.44) size 1400x584
45 RenderTable {TABLE} at (16,16) size 216x552 [border: (1px solid #0000FF)]
46 RenderTableSection {TBODY} at (1,1) size 213x549
47 RenderTableRow {TR} at (0,0) size 29x549
48 RenderTableCell {TH} at (0,0) size 29x183 [border: (2px solid #800080)] [r=0 c=0 rs=1 cs=1]
49 RenderText {#text} at (6,50) size 16x84
50 text run at (6,50) width 84: "Header One"
51 RenderTableCell {TH} at (0,183) size 29x173 [border: (2px solid #800080)] [r=0 c=1 rs=1 cs=1]
52 RenderText {#text} at (6,44) size 16x86
53 text run at (6,44) width 85: "Header Two"
54 RenderTableCell {TH} at (0,356) size 29x193 [border: (2px solid #800080)] [r=0 c=2 rs=1 cs=1]
55 RenderText {#text} at (6,49) size 16x96
56 text run at (6,49) width 96: "Header Three"
57 RenderTableRow {TR} at (0,29) size 92x549
58 RenderTableCell {TD} at (29,24) size 92x135 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
59 RenderText {#text} at (30,-17) size 32x161
60 text run at (30,-17) width 119: "This table uses the"
61 text run at (46,-17) width 161: "collapsed borders model."
62 RenderTableCell {TD} at (29,199) size 92x141 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1]
63 RenderText {#text} at (22,-10) size 48x155
64 text run at (22,-10) width 102: "This means that"
65 text run at (38,-10) width 153: "elements within the cell"
66 text run at (54,-10) width 155: "have no border-spacing."
67 RenderTableCell {TD} at (29,356) size 92x193 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1]
68 RenderText {#text} at (6,6) size 80x172
69 text run at (6,6) width 139: "Since it has collapsed"
70 text run at (22,6) width 172: "borders, the borders on the"
71 text run at (38,6) width 84: "header cells, "
72 text run at (38,89) width 76: "on all sides,"
73 text run at (54,6) width 154: "should be medium solid"
74 text run at (70,6) width 45: "purple."
75 RenderTableRow {TR} at (0,121) size 92x549
76 RenderTableCell {TD} at (121,0) size 92x183 [border: (2px solid #008000)] [r=2 c=0 rs=1 cs=1]
77 RenderText {#text} at (5,7) size 80x157
78 text run at (5,7) width 147: "The border of the table"
79 text run at (21,7) width 155: "itself should be medium"
80 text run at (37,7) width 117: "solid blue, except "
81 text run at (37,123) width 40: "where"
82 text run at (53,7) width 157: "header cells override the"
83 text run at (69,7) width 46: "border."
84 RenderTableCell {TD} at (121,183) size 92x173 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1]
85 RenderText {#text} at (5,6) size 80x154
86 text run at (5,6) width 115: "The borders that I"
87 text run at (21,6) width 97: "haven't already"
88 text run at (37,6) width 154: "mentioned (all the other"
89 text run at (53,6) width 53: "internal "
90 text run at (53,58) width 101: "ones) should be"
91 text run at (69,6) width 104: "thin solid green."
92 RenderTableCell {TD} at (121,356) size 92x193 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1]
93 RenderText {#text} at (5,6) size 64x156
94 text run at (5,6) width 156: "This table should have a"
95 text run at (21,6) width 146: "1em margin around all"
96 text run at (37,6) width 45: "edges. "
97 text run at (37,50) width 82: "This margin "
98 text run at (37,132) width 11: "is"
99 text run at (53,6) width 124: "measured from the "
100 RenderInline {EM} at (0,0) size 16x45
101 RenderText {#text} at (53,129) size 16x45
102 text run at (53,129) width 44: "middle"
103 RenderText {#text} at (69,6) size 16x83
104 text run at (69,6) width 83: "of its border."
105 RenderTable {TABLE} at (248,16) size 270x552 [border: (3px solid #0000FF)]
106 RenderTableSection {TBODY} at (3,3) size 264x546
107 RenderTableRow {TR} at (0,16) size 32x546
108 RenderTableCell {TH} at (16,16) size 32x117 [border: (3px solid #800080)] [r=0 c=0 rs=1 cs=1]
109 RenderText {#text} at (8,16) size 16x85
110 text run at (8,16) width 84: "Header One"
111 RenderTableCell {TH} at (16,149) size 32x139 [border: (3px solid #800080)] [r=0 c=1 rs=1 cs=1]
112 RenderText {#text} at (8,27) size 16x85
113 text run at (8,27) width 85: "Header Two"
114 RenderTableCell {TH} at (16,304) size 32x226 [border: (3px solid #800080)] [r=0 c=2 rs=1 cs=1]
115 RenderText {#text} at (8,65) size 16x96
116 text run at (8,65) width 96: "Header Three"
117 RenderTableRow {TR} at (0,64) size 76x546
118 RenderTableCell {TD} at (64,24) size 76x101 [border: (1px solid #008000)] [r=1 c=0 rs=1 cs=1]
119 RenderText {#text} at (14,-2) size 48x96
120 text run at (14,-2) width 96: "This table uses"
121 text run at (30,-2) width 84: "the separated"
122 text run at (46,-2) width 96: "borders model."
123 RenderTableCell {TD} at (64,149) size 76x139 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1]
124 RenderText {#text} at (6,6) size 64x126
125 text run at (6,6) width 102: "This means that"
126 text run at (22,6) width 126: "elements within the"
127 text run at (38,6) width 109: "cell have border-"
128 text run at (54,6) width 102: "spacing of 1em."
129 RenderTableCell {TD} at (64,312) size 76x210 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1]
130 RenderText {#text} at (14,-2) size 48x205
131 text run at (14,-2) width 205: "The borders on the header cells,"
132 text run at (30,-2) width 199: "on all sides, should be medium"
133 text run at (46,-2) width 80: "solid purple."
134 RenderTableRow {TR} at (0,156) size 92x546
135 RenderTableCell {TD} at (156,16) size 92x117 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1]
136 RenderText {#text} at (6,6) size 80x91
137 text run at (6,6) width 88: "The border of"
138 text run at (22,6) width 91: "the table itself"
139 text run at (38,6) width 62: "should be"
140 text run at (54,6) width 88: "medium solid"
141 text run at (70,6) width 32: "blue."
142 RenderTableCell {TD} at (156,165) size 92x107 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1]
143 RenderText {#text} at (22,-10) size 48x123
144 text run at (22,-10) width 95: "The borders of"
145 text run at (38,-10) width 113: "other cells should"
146 text run at (54,-10) width 123: "be thin solid green."
147 RenderTableCell {TD} at (156,312) size 92x210 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1]
148 RenderText {#text} at (14,-2) size 48x191
149 text run at (14,-2) width 188: "This table should have a 1em"
150 text run at (30,-2) width 163: "margin around all edges. "
151 text run at (30,160) width 29: "This"
152 text run at (46,-2) width 50: "margin "
153 text run at (46,47) width 135: "is measured from the"
154 RenderInline {EM} at (0,0) size 16x68
155 RenderText {#text} at (62,-2) size 16x68
156 text run at (62,-2) width 68: "outer edge"
157 RenderText {#text} at (62,65) size 16x88
158 text run at (62,65) width 87: " of its border."
159 RenderTable {TABLE} at (534,16) size 318x552 [border: (3px solid #0000FF)]
160 RenderTableSection {TBODY} at (3,3) size 312x546
161 RenderTableRow {TR} at (0,8) size 32x546
162 RenderTableCell {TH} at (8,0) size 32x141 [border: (3px solid #800080)] [r=0 c=0 rs=1 cs=1]
163 RenderText {#text} at (8,28) size 16x85
164 text run at (8,28) width 84: "Header One"
165 RenderTableCell {TH} at (8,141) size 32x199 [border: (3px solid #800080)] [r=0 c=1 rs=1 cs=1]
166 RenderText {#text} at (8,57) size 16x85
167 text run at (8,57) width 85: "Header Two"
168 RenderTableCell {TH} at (8,340) size 32x206 [border: (3px solid #800080)] [r=0 c=2 rs=1 cs=1]
169 RenderText {#text} at (8,55) size 16x96
170 text run at (8,55) width 96: "Header Three"
171 RenderTableRow {TR} at (0,48) size 124x546
172 RenderTableCell {TD} at (48,32) size 124x77 [border: (1px solid #008000)] [r=1 c=0 rs=1 cs=1]
173 RenderText {#text} at (38,-26) size 48x119
174 text run at (38,-26) width 119: "This table uses the"
175 text run at (54,-26) width 113: "separated borders"
176 text run at (70,-26) width 44: "model."
177 RenderTableCell {TD} at (48,141) size 124x199 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1]
178 RenderText {#text} at (6,6) size 112x184
179 text run at (6,6) width 156: "Elements within the cell"
180 text run at (22,6) width 151: "have horizontal border-"
181 text run at (38,6) width 140: "spacing (i.e., width of"
182 text run at (54,6) width 144: "vertical lines) of 0 and"
183 text run at (70,6) width 52: "vertical "
184 text run at (70,57) width 129: "border-spacing (i.e.,"
185 text run at (86,6) width 184: "height of horizontal lines) of"
186 text run at (102,6) width 44: "0.5em."
187 RenderTableCell {TD} at (48,372) size 124x142 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1]
188 RenderText {#text} at (38,-26) size 48x180
189 text run at (38,-26) width 168: "The borders on the header"
190 text run at (54,-26) width 38: "cells, "
191 text run at (54,11) width 142: "on all sides, should be"
192 text run at (70,-26) width 137: "medium solid purple."
193 RenderTableRow {TR} at (0,180) size 124x546
194 RenderTableCell {TD} at (180,0) size 124x141 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1]
195 RenderText {#text} at (6,6) size 112x126
196 text run at (6,6) width 112: "The border of the"
197 text run at (22,6) width 114: "table itself should"
198 text run at (38,6) width 107: "be medium solid"
199 text run at (54,6) width 36: "blue. "
200 text run at (54,41) width 77: "The borders"
201 text run at (70,6) width 84: "of other cells"
202 text run at (86,6) width 126: "should be thin solid"
203 text run at (102,6) width 40: "green."
204 RenderTableCell {TD} at (180,157) size 124x167 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1]
205 RenderText {#text} at (22,-10) size 64x156
206 text run at (22,-10) width 156: "This table should have a"
207 text run at (38,-10) width 146: "1em margin around all"
208 text run at (54,-10) width 45: "edges. "
209 text run at (54,34) width 82: "This margin "
210 text run at (54,116) width 11: "is"
211 text run at (70,-10) width 124: "measured from the "
212 RenderInline {EM} at (0,0) size 32x158
213 RenderText {#text} at (70,113) size 32x158
214 text run at (70,113) width 34: "outer"
215 text run at (86,-10) width 31: "edge"
216 RenderText {#text} at (86,20) size 16x87
217 text run at (86,20) width 87: " of its border."
218 RenderTableCell {TD} at (180,348) size 124x190 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1]
219 RenderText {#text} at (14,-2) size 96x192
220 text run at (14,-2) width 191: "The table should not be wider"
221 text run at (30,-2) width 187: "than the room available for it"
222 text run at (46,-2) width 44: "unless "
223 text run at (46,42) width 111: "that space is very"
224 text run at (62,-2) width 43: "small. "
225 text run at (62,40) width 150: "Because of its margins,"
226 text run at (78,-2) width 105: "the width of the "
227 text run at (78,102) width 78: "table should"
228 text run at (94,-2) width 120: "be less than 100%."
229 RenderTable {TABLE} at (868,16) size 254x552 [border: (3px solid #0000FF)]
230 RenderTableSection {TBODY} at (3,3) size 248x546
231 RenderTableRow {TR} at (0,0) size 32x546
232 RenderTableCell {TH} at (0,8) size 32x148 [border: (3px solid #800080)] [r=0 c=0 rs=1 cs=1]
233 RenderText {#text} at (8,32) size 16x84
234 text run at (8,32) width 84: "Header One"
235 RenderTableCell {TH} at (0,164) size 32x150 [border: (3px solid #800080)] [r=0 c=1 rs=1 cs=1]
236 RenderText {#text} at (8,32) size 16x86
237 text run at (8,32) width 85: "Header Two"
238 RenderTableCell {TH} at (0,322) size 32x216 [border: (3px solid #800080)] [r=0 c=2 rs=1 cs=1]
239 RenderText {#text} at (8,60) size 16x96
240 text run at (8,60) width 96: "Header Three"
241 RenderTableRow {TR} at (0,32) size 92x546
242 RenderTableCell {TD} at (32,24) size 92x116 [border: (1px solid #008000)] [r=1 c=0 rs=1 cs=1]
243 RenderText {#text} at (22,-10) size 48x119
244 text run at (22,-10) width 119: "This table uses the"
245 text run at (38,-10) width 113: "separated borders"
246 text run at (54,-10) width 44: "model."
247 RenderTableCell {TD} at (32,164) size 92x150 [border: (1px solid #008000)] [r=1 c=1 rs=1 cs=1]
248 RenderText {#text} at (6,6) size 80x130
249 text run at (6,6) width 128: "Elements within the"
250 text run at (22,6) width 127: "cell have horizontal"
251 text run at (38,6) width 114: "border-spacing of"
252 text run at (54,6) width 119: "0.5em and vertical"
253 text run at (70,6) width 130: "border-spacing of 0."
254 RenderTableCell {TD} at (32,338) size 92x184 [border: (1px solid #008000)] [r=1 c=2 rs=1 cs=1]
255 RenderText {#text} at (22,-10) size 48x180
256 text run at (22,-10) width 168: "The borders on the header"
257 text run at (38,-10) width 38: "cells, "
258 text run at (38,27) width 142: "on all sides, should be"
259 text run at (54,-10) width 137: "medium solid purple."
260 RenderTableRow {TR} at (0,124) size 124x546
261 RenderTableCell {TD} at (124,16) size 124x132 [border: (1px solid #008000)] [r=2 c=0 rs=1 cs=1]
262 RenderText {#text} at (14,-2) size 96x133
263 text run at (14,-2) width 112: "The border of the"
264 text run at (30,-2) width 133: "table itself should be"
265 text run at (46,-2) width 124: "medium solid blue."
266 text run at (62,-2) width 132: "The borders of other"
267 text run at (78,-2) width 124: "cells should be thin"
268 text run at (94,-2) width 75: "solid green."
269 RenderTableCell {TD} at (124,164) size 124x150 [border: (1px solid #008000)] [r=2 c=1 rs=1 cs=1]
270 RenderText {#text} at (6,6) size 80x123
271 text run at (6,6) width 111: "This table should"
272 text run at (22,6) width 123: "have a 1em margin"
273 text run at (38,6) width 109: "around all edges."
274 text run at (54,6) width 82: "This margin "
275 text run at (54,87) width 11: "is"
276 text run at (70,6) width 120: "measured from the"
277 RenderInline {EM} at (0,0) size 16x68
278 RenderText {#text} at (86,6) size 16x68
279 text run at (86,6) width 68: "outer edge"
280 RenderText {#text} at (86,73) size 32x105
281 text run at (86,73) width 37: " of its"
282 text run at (102,6) width 46: "border."
283 RenderTableCell {TD} at (124,330) size 124x200 [border: (1px solid #008000)] [r=2 c=2 rs=1 cs=1]
284 RenderText {#text} at (14,-2) size 96x198
285 text run at (14,-2) width 191: "The table should not be wider"
286 text run at (30,-2) width 187: "than the room available for it"
287 text run at (46,-2) width 44: "unless "
288 text run at (46,42) width 154: "that space is very small."
289 text run at (62,-2) width 173: "Because of its margins, the"
290 text run at (78,-2) width 82: "width of the "
291 text run at (78,79) width 97: "table should be"
292 text run at (94,-2) width 101: "less than 100%."
293 RenderTable {TABLE} at (1138,16) size 246x552
294 RenderBlock {CAPTION} at (0,0) size 16x552
295 RenderText {#text} at (0,215) size 16x122
296 text run at (0,215) width 122: "This is the caption."
297 RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF0000)]
298 RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)]
299 RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF0000)]
300 RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)]
301 RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)]
302 RenderTableSection {THEAD} at (16,0) size 46x552 [border: (3px solid #FF0000)]
303 RenderTableRow {TR} at (0,2) size 42x552 [border: (3px solid #FF0000)]
304 RenderTableCell {TH} at (2,2) size 42x89 [r=0 c=0 rs=1 cs=1]
305 RenderText {#text} at (5,19) size 32x51
306 text run at (5,19) width 51: "Header"
307 text run at (21,30) width 29: "One"
308 RenderTableCell {TH} at (2,101) size 42x223 [r=0 c=1 rs=1 cs=1]
309 RenderText {#text} at (13,69) size 16x85
310 text run at (13,69) width 85: "Header Two"
311 RenderTableCell {TH} at (2,342) size 42x200 [r=0 c=2 rs=1 cs=1]
312 RenderText {#text} at (13,52) size 16x96
313 text run at (13,52) width 96: "Header Three"
314 RenderTableSection {TBODY} at (62,0) size 184x552 [border: (3px solid #FF0000)]
315 RenderTableRow {TR} at (0,0) size 90x552 [border: (3px solid #FF0000)]
316 RenderTableCell {TD} at (0,2) size 90x89 [r=0 c=0 rs=1 cs=1]
317 RenderText {#text} at (5,5) size 80x64
318 text run at (5,5) width 64: "This table"
319 text run at (21,5) width 52: "uses the"
320 text run at (37,5) width 61: "separated"
321 text run at (53,5) width 48: "borders"
322 text run at (69,5) width 44: "model."
323 RenderTableCell {TD} at (0,109) size 90x207 [r=0 c=1 rs=1 cs=1]
324 RenderText {#text} at (21,-11) size 48x217
325 text run at (21,-11) width 177: "This means that borders are"
326 text run at (37,-11) width 217: "allowed only on table elements or"
327 text run at (53,-11) width 36: "table "
328 text run at (53,24) width 88: "cell elements."
329 RenderTableCell {TD} at (0,342) size 90x200 [r=0 c=2 rs=1 cs=1]
330 RenderText {#text} at (13,-3) size 64x187
331 text run at (13,-3) width 156: "They are not allowed on"
332 text run at (29,-3) width 187: "elements that represent rows,"
333 text run at (45,-3) width 158: "row-groups, columns, or"
334 text run at (61,-3) width 101: "column-groups."
335 RenderTableRow {TR} at (0,92) size 90x552 [border: (3px solid #FF0000)]
336 RenderTableCell {TD} at (92,2) size 90x89 [r=1 c=0 rs=1 cs=1]
337 RenderText {#text} at (5,5) size 80x79
338 text run at (5,5) width 38: "There"
339 text run at (21,5) width 62: "should be"
340 text run at (37,5) width 68: "no borders"
341 text run at (53,5) width 79: "at all on this"
342 text run at (69,5) width 37: "table!"
343 RenderTableCell {TD} at (92,101) size 90x223 [r=1 c=1 rs=1 cs=1]
344 RenderText {#text} at (13,-3) size 64x224
345 text run at (13,-3) width 224: "If there are any borders shown that"
346 text run at (29,-3) width 200: "are not medium solid red, then "
347 text run at (29,196) width 20: "the"
348 text run at (45,-3) width 208: "problem is something other than"
349 text run at (61,-3) width 150: "what this test is testing."
350 RenderTableCell {TD} at (92,342) size 90x200 [r=1 c=2 rs=1 cs=1]
351 RenderText {#text} at (13,-3) size 48x191
352 text run at (13,-3) width 188: "This table should have a 1em"
353 text run at (29,-3) width 163: "margin around all edges. "
354 text run at (29,159) width 29: "This"
355 text run at (45,-3) width 50: "margin "
356 text run at (45,46) width 135: "is measured from the"
357 RenderInline {EM} at (0,0) size 16x68
358 RenderText {#text} at (61,-3) size 16x68
359 text run at (61,-3) width 68: "outer edge"
360 RenderText {#text} at (61,64) size 16x88
361 text run at (61,64) width 87: " of its border."