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