OLD | NEW |
1 layer at (0,0) size 785x1518 | 1 layer at (0,0) size 785x1518 |
2 RenderView at (0,0) size 785x600 | 2 RenderView at (0,0) size 785x600 |
3 layer at (0,0) size 785x1518 | 3 layer at (0,0) size 785x1518 |
4 RenderBlock {HTML} at (0,0) size 785x1518 | 4 RenderBlock {HTML} at (0,0) size 785x1517.88 |
5 RenderBody {BODY} at (8,21) size 769x1481 | 5 RenderBody {BODY} at (8,21.44) size 769x1480.44 |
6 RenderBlock {H1} at (0,0) size 769x37 | 6 RenderBlock {H1} at (0,0) size 769x37 |
7 RenderText {#text} at (0,0) size 292x36 | 7 RenderText {#text} at (0,0) size 292x36 |
8 text run at (0,0) width 292: "Table Border Models" | 8 text run at (0,0) width 292: "Table Border Models" |
9 RenderBlock {P} at (0,58) size 769x21 | 9 RenderBlock {P} at (0,58.44) size 769x20 |
10 RenderText {#text} at (0,0) size 113x19 | 10 RenderText {#text} at (0,0) size 113x19 |
11 text run at (0,0) width 113: "This tests tests the " | 11 text run at (0,0) width 113: "This tests tests the " |
12 RenderInline {A} at (0,0) size 204x19 [color=#0000EE] | 12 RenderInline {A} at (0,0) size 204x19 [color=#0000EE] |
13 RenderText {#text} at (113,0) size 204x19 | 13 RenderText {#text} at (113,0) size 204x19 |
14 text run at (113,0) width 204: "CSS2 spec rules on table borders" | 14 text run at (113,0) width 204: "CSS2 spec rules on table borders" |
15 RenderText {#text} at (317,0) size 172x19 | 15 RenderText {#text} at (317,0) size 172x19 |
16 text run at (317,0) width 8: ". " | 16 text run at (317,0) width 8: ". " |
17 text run at (325,0) width 164: "The styles applied here are:" | 17 text run at (325,0) width 164: "The styles applied here are:" |
18 RenderBlock {PRE} at (0,94) size 769x193 | 18 RenderBlock {PRE} at (0,94.44) size 769x192 |
19 RenderText {#text} at (0,0) size 688x192 | 19 RenderText {#text} at (0,0) size 688x192 |
20 text run at (0,0) width 408: "TABLE\x{9}{ margin: 1em; border: medium
solid blue; }" | 20 text run at (0,0) width 408: "TABLE\x{9}{ margin: 1em; border: medium
solid blue; }" |
21 text run at (408,0) width 0: " " | 21 text run at (408,0) width 0: " " |
22 text run at (0,16) width 408: "TD\x{9}{ border: thin solid green; padd
ing: 5px; }" | 22 text run at (0,16) width 408: "TD\x{9}{ border: thin solid green; padd
ing: 5px; }" |
23 text run at (408,16) width 0: " " | 23 text run at (408,16) width 0: " " |
24 text run at (0,32) width 392: "TH { border: medium solid purple; paddi
ng: 5px; }" | 24 text run at (0,32) width 392: "TH { border: medium solid purple; paddi
ng: 5px; }" |
25 text run at (392,32) width 0: " " | 25 text run at (392,32) width 0: " " |
26 text run at (0,48) width 360: "TABLE.one, TABLE.two { border-spacing:
1em; }" | 26 text run at (0,48) width 360: "TABLE.one, TABLE.two { border-spacing:
1em; }" |
27 text run at (360,48) width 0: " " | 27 text run at (360,48) width 0: " " |
28 text run at (0,64) width 320: "TABLE.one { border-collapse: collapse;
}" | 28 text run at (0,64) width 320: "TABLE.one { border-collapse: collapse;
}" |
29 text run at (320,64) width 0: " " | 29 text run at (320,64) width 0: " " |
30 text run at (0,80) width 320: "TABLE.two { border-collapse: separate;
}" | 30 text run at (0,80) width 320: "TABLE.two { border-collapse: separate;
}" |
31 text run at (320,80) width 0: " " | 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; }" | 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: " " | 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; }" | 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: " " | 35 text run at (528,112) width 0: " " |
36 text run at (0,128) width 328: "TABLE.five { border-collapse: separate
; }" | 36 text run at (0,128) width 328: "TABLE.five { border-collapse: separate
; }" |
37 text run at (328,128) width 0: " " | 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; }" | 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: " " | 39 text run at (464,144) width 0: " " |
40 text run at (0,160) width 688: "TABLE.five TR, TABLE.five COL, TABLE.f
ive COLGROUP, TABLE.five TBODY, TABLE.five THEAD" | 40 text run at (0,160) width 688: "TABLE.five TR, TABLE.five COL, TABLE.f
ive COLGROUP, TABLE.five TBODY, TABLE.five THEAD" |
41 text run at (688,160) width 0: " " | 41 text run at (688,160) width 0: " " |
42 text run at (0,176) width 296: "\x{9}{ border: medium solid red; }" | 42 text run at (0,176) width 296: "\x{9}{ border: medium solid red; }" |
43 text run at (296,176) width 0: " " | 43 text run at (296,176) width 0: " " |
44 RenderTable {TABLE} at (16,302) size 737x181 [border: (1px solid #0000FF)] | 44 RenderTable {TABLE} at (16,302.44) size 737x180 [border: (1px solid #0000F
F)] |
45 RenderTableSection {TBODY} at (1,1) size 734x177 | 45 RenderTableSection {TBODY} at (1,1) size 734x177 |
46 RenderTableRow {TR} at (0,0) size 734x33 | 46 RenderTableRow {TR} at (0,0) size 734x33 |
47 RenderTableCell {TH} at (0,0) size 247x33 [border: (2px solid #80008
0)] [r=0 c=0 rs=1 cs=1] | 47 RenderTableCell {TH} at (0,0) size 247x33 [border: (2px solid #80008
0)] [r=0 c=0 rs=1 cs=1] |
48 RenderText {#text} at (83,7) size 82x19 | 48 RenderText {#text} at (83,7) size 82x19 |
49 text run at (83,7) width 82: "Header One" | 49 text run at (83,7) width 82: "Header One" |
50 RenderTableCell {TH} at (247,0) size 231x33 [border: (2px solid #800
080)] [r=0 c=1 rs=1 cs=1] | 50 RenderTableCell {TH} at (247,0) size 231x33 [border: (2px solid #800
080)] [r=0 c=1 rs=1 cs=1] |
51 RenderText {#text} at (75,7) size 82x19 | 51 RenderText {#text} at (75,7) size 82x19 |
52 text run at (75,7) width 82: "Header Two" | 52 text run at (75,7) width 82: "Header Two" |
53 RenderTableCell {TH} at (478,0) size 256x33 [border: (2px solid #800
080)] [r=0 c=2 rs=1 cs=1] | 53 RenderTableCell {TH} at (478,0) size 256x33 [border: (2px solid #800
080)] [r=0 c=2 rs=1 cs=1] |
54 RenderText {#text} at (81,7) size 95x19 | 54 RenderText {#text} at (81,7) size 95x19 |
(...skipping 30 matching lines...) Expand all Loading... |
85 text run at (6,6) width 218: "This table should have a 1em margi
n" | 85 text run at (6,6) width 218: "This table should have a 1em margi
n" |
86 text run at (6,26) width 106: "around all edges. " | 86 text run at (6,26) width 106: "around all edges. " |
87 text run at (112,26) width 73: "This margin " | 87 text run at (112,26) width 73: "This margin " |
88 text run at (185,26) width 9: "is" | 88 text run at (185,26) width 9: "is" |
89 text run at (6,46) width 116: "measured from the " | 89 text run at (6,46) width 116: "measured from the " |
90 RenderInline {EM} at (0,0) size 43x19 | 90 RenderInline {EM} at (0,0) size 43x19 |
91 RenderText {#text} at (122,46) size 43x19 | 91 RenderText {#text} at (122,46) size 43x19 |
92 text run at (122,46) width 43: "middle" | 92 text run at (122,46) width 43: "middle" |
93 RenderText {#text} at (165,46) size 82x19 | 93 RenderText {#text} at (165,46) size 82x19 |
94 text run at (165,46) width 82: " of its border." | 94 text run at (165,46) width 82: " of its border." |
95 RenderTable {TABLE} at (16,498) size 737x251 [border: (3px solid #0000FF)] | 95 RenderTable {TABLE} at (16,498.44) size 737x250 [border: (3px solid #0000F
F)] |
96 RenderTableSection {TBODY} at (3,3) size 731x244 | 96 RenderTableSection {TBODY} at (3,3) size 731x244 |
97 RenderTableRow {TR} at (0,16) size 731x36 | 97 RenderTableRow {TR} at (0,16) size 731x36 |
98 RenderTableCell {TH} at (16,16) size 162x36 [border: (3px solid #800
080)] [r=0 c=0 rs=1 cs=1] | 98 RenderTableCell {TH} at (16,16) size 162x36 [border: (3px solid #800
080)] [r=0 c=0 rs=1 cs=1] |
99 RenderText {#text} at (40,8) size 82x19 | 99 RenderText {#text} at (40,8) size 82x19 |
100 text run at (40,8) width 82: "Header One" | 100 text run at (40,8) width 82: "Header One" |
101 RenderTableCell {TH} at (194,16) size 191x36 [border: (3px solid #80
0080)] [r=0 c=1 rs=1 cs=1] | 101 RenderTableCell {TH} at (194,16) size 191x36 [border: (3px solid #80
0080)] [r=0 c=1 rs=1 cs=1] |
102 RenderText {#text} at (54,8) size 83x19 | 102 RenderText {#text} at (54,8) size 83x19 |
103 text run at (54,8) width 83: "Header Two" | 103 text run at (54,8) width 83: "Header Two" |
104 RenderTableCell {TH} at (401,16) size 314x36 [border: (3px solid #80
0080)] [r=0 c=2 rs=1 cs=1] | 104 RenderTableCell {TH} at (401,16) size 314x36 [border: (3px solid #80
0080)] [r=0 c=2 rs=1 cs=1] |
105 RenderText {#text} at (110,8) size 94x19 | 105 RenderText {#text} at (110,8) size 94x19 |
(...skipping 29 matching lines...) Expand all Loading... |
135 text run at (6,6) width 281: "This table should have a 1em margi
n around all" | 135 text run at (6,6) width 281: "This table should have a 1em margi
n around all" |
136 text run at (6,26) width 43: "edges. " | 136 text run at (6,26) width 43: "edges. " |
137 text run at (49,26) width 73: "This margin " | 137 text run at (49,26) width 73: "This margin " |
138 text run at (122,26) width 129: "is measured from the " | 138 text run at (122,26) width 129: "is measured from the " |
139 RenderInline {EM} at (0,0) size 279x39 | 139 RenderInline {EM} at (0,0) size 279x39 |
140 RenderText {#text} at (251,26) size 279x39 | 140 RenderText {#text} at (251,26) size 279x39 |
141 text run at (251,26) width 34: "outer" | 141 text run at (251,26) width 34: "outer" |
142 text run at (6,46) width 30: "edge" | 142 text run at (6,46) width 30: "edge" |
143 RenderText {#text} at (36,46) size 82x19 | 143 RenderText {#text} at (36,46) size 82x19 |
144 text run at (36,46) width 82: " of its border." | 144 text run at (36,46) width 82: " of its border." |
145 RenderTable {TABLE} at (16,764) size 737x259 [border: (3px solid #0000FF)] | 145 RenderTable {TABLE} at (16,764.44) size 737x258 [border: (3px solid #0000F
F)] |
146 RenderTableSection {TBODY} at (3,3) size 731x252 | 146 RenderTableSection {TBODY} at (3,3) size 731x252 |
147 RenderTableRow {TR} at (0,8) size 731x36 | 147 RenderTableRow {TR} at (0,8) size 731x36 |
148 RenderTableCell {TH} at (0,8) size 189x36 [border: (3px solid #80008
0)] [r=0 c=0 rs=1 cs=1] | 148 RenderTableCell {TH} at (0,8) size 189x36 [border: (3px solid #80008
0)] [r=0 c=0 rs=1 cs=1] |
149 RenderText {#text} at (53,8) size 83x19 | 149 RenderText {#text} at (53,8) size 83x19 |
150 text run at (53,8) width 83: "Header One" | 150 text run at (53,8) width 83: "Header One" |
151 RenderTableCell {TH} at (189,8) size 265x36 [border: (3px solid #800
080)] [r=0 c=1 rs=1 cs=1] | 151 RenderTableCell {TH} at (189,8) size 265x36 [border: (3px solid #800
080)] [r=0 c=1 rs=1 cs=1] |
152 RenderText {#text} at (91,8) size 83x19 | 152 RenderText {#text} at (91,8) size 83x19 |
153 text run at (91,8) width 83: "Header Two" | 153 text run at (91,8) width 83: "Header Two" |
154 RenderTableCell {TH} at (454,8) size 277x36 [border: (3px solid #800
080)] [r=0 c=2 rs=1 cs=1] | 154 RenderTableCell {TH} at (454,8) size 277x36 [border: (3px solid #800
080)] [r=0 c=2 rs=1 cs=1] |
155 RenderText {#text} at (91,8) size 95x19 | 155 RenderText {#text} at (91,8) size 95x19 |
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
193 text run at (128,46) width 82: " of its border." | 193 text run at (128,46) width 82: " of its border." |
194 RenderTableCell {TD} at (454,152) size 277x92 [border: (1px solid #0
08000)] [r=2 c=2 rs=1 cs=1] | 194 RenderTableCell {TD} at (454,152) size 277x92 [border: (1px solid #0
08000)] [r=2 c=2 rs=1 cs=1] |
195 RenderText {#text} at (6,6) size 265x79 | 195 RenderText {#text} at (6,6) size 265x79 |
196 text run at (6,6) width 230: "The table should not be wider than
the" | 196 text run at (6,6) width 230: "The table should not be wider than
the" |
197 text run at (6,26) width 164: "room available for it unless " | 197 text run at (6,26) width 164: "room available for it unless " |
198 text run at (170,26) width 74: "that space is" | 198 text run at (170,26) width 74: "that space is" |
199 text run at (6,46) width 68: "very small. " | 199 text run at (6,46) width 68: "very small. " |
200 text run at (74,46) width 197: "Because of its margins, the widt
h" | 200 text run at (74,46) width 197: "Because of its margins, the widt
h" |
201 text run at (6,66) width 38: "of the " | 201 text run at (6,66) width 38: "of the " |
202 text run at (44,66) width 191: "table should be less than 100%." | 202 text run at (44,66) width 191: "table should be less than 100%." |
203 RenderTable {TABLE} at (16,1038) size 737x227 [border: (3px solid #0000FF)
] | 203 RenderTable {TABLE} at (16,1038.44) size 737x226 [border: (3px solid #0000
FF)] |
204 RenderTableSection {TBODY} at (3,3) size 731x220 | 204 RenderTableSection {TBODY} at (3,3) size 731x220 |
205 RenderTableRow {TR} at (0,0) size 731x36 | 205 RenderTableRow {TR} at (0,0) size 731x36 |
206 RenderTableCell {TH} at (8,0) size 201x36 [border: (3px solid #80008
0)] [r=0 c=0 rs=1 cs=1] | 206 RenderTableCell {TH} at (8,0) size 201x36 [border: (3px solid #80008
0)] [r=0 c=0 rs=1 cs=1] |
207 RenderText {#text} at (59,8) size 83x19 | 207 RenderText {#text} at (59,8) size 83x19 |
208 text run at (59,8) width 83: "Header One" | 208 text run at (59,8) width 83: "Header One" |
209 RenderTableCell {TH} at (217,0) size 205x36 [border: (3px solid #800
080)] [r=0 c=1 rs=1 cs=1] | 209 RenderTableCell {TH} at (217,0) size 205x36 [border: (3px solid #800
080)] [r=0 c=1 rs=1 cs=1] |
210 RenderText {#text} at (61,8) size 83x19 | 210 RenderText {#text} at (61,8) size 83x19 |
211 text run at (61,8) width 83: "Header Two" | 211 text run at (61,8) width 83: "Header Two" |
212 RenderTableCell {TH} at (430,0) size 293x36 [border: (3px solid #800
080)] [r=0 c=2 rs=1 cs=1] | 212 RenderTableCell {TH} at (430,0) size 293x36 [border: (3px solid #800
080)] [r=0 c=2 rs=1 cs=1] |
213 RenderText {#text} at (99,8) size 95x19 | 213 RenderText {#text} at (99,8) size 95x19 |
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
249 RenderText {#text} at (74,66) size 82x19 | 249 RenderText {#text} at (74,66) size 82x19 |
250 text run at (74,66) width 82: " of its border." | 250 text run at (74,66) width 82: " of its border." |
251 RenderTableCell {TD} at (430,128) size 293x92 [border: (1px solid #0
08000)] [r=2 c=2 rs=1 cs=1] | 251 RenderTableCell {TD} at (430,128) size 293x92 [border: (1px solid #0
08000)] [r=2 c=2 rs=1 cs=1] |
252 RenderText {#text} at (6,6) size 270x79 | 252 RenderText {#text} at (6,6) size 270x79 |
253 text run at (6,6) width 266: "The table should not be wider than
the room" | 253 text run at (6,6) width 266: "The table should not be wider than
the room" |
254 text run at (6,26) width 128: "available for it unless " | 254 text run at (6,26) width 128: "available for it unless " |
255 text run at (134,26) width 142: "that space is very small." | 255 text run at (134,26) width 142: "that space is very small." |
256 text run at (6,46) width 239: "Because of its margins, the width
of the " | 256 text run at (6,46) width 239: "Because of its margins, the width
of the " |
257 text run at (245,46) width 29: "table" | 257 text run at (245,46) width 29: "table" |
258 text run at (6,66) width 158: "should be less than 100%." | 258 text run at (6,66) width 158: "should be less than 100%." |
259 RenderTable {TABLE} at (16,1280) size 737x201 | 259 RenderTable {TABLE} at (16,1280.44) size 737x200 |
260 RenderBlock {CAPTION} at (0,0) size 737x20 | 260 RenderBlock {CAPTION} at (0,0) size 737x20 |
261 RenderText {#text} at (312,0) size 113x19 | 261 RenderText {#text} at (312,0) size 113x19 |
262 text run at (312,0) width 113: "This is the caption." | 262 text run at (312,0) width 113: "This is the caption." |
263 RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF0000)
] | 263 RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF0000)
] |
264 RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)] | 264 RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)] |
265 RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF0000)
] | 265 RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF0000)
] |
266 RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)] | 266 RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)] |
267 RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)] | 267 RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)] |
268 RenderTableSection {THEAD} at (0,20) size 737x34 [border: (3px solid #FF
0000)] | 268 RenderTableSection {THEAD} at (0,20) size 737x34 [border: (3px solid #FF
0000)] |
269 RenderTableRow {TR} at (0,2) size 737x30 [border: (3px solid #FF0000)] | 269 RenderTableRow {TR} at (0,2) size 737x30 [border: (3px solid #FF0000)] |
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
310 RenderText {#text} at (5,5) size 264x39 | 310 RenderText {#text} at (5,5) size 264x39 |
311 text run at (5,5) width 264: "This table should have a 1em margi
n around" | 311 text run at (5,5) width 264: "This table should have a 1em margi
n around" |
312 text run at (5,25) width 60: "all edges. " | 312 text run at (5,25) width 60: "all edges. " |
313 text run at (65,25) width 73: "This margin " | 313 text run at (65,25) width 73: "This margin " |
314 text run at (138,25) width 125: "is measured from the" | 314 text run at (138,25) width 125: "is measured from the" |
315 RenderInline {EM} at (0,0) size 68x19 | 315 RenderInline {EM} at (0,0) size 68x19 |
316 RenderText {#text} at (5,45) size 68x19 | 316 RenderText {#text} at (5,45) size 68x19 |
317 text run at (5,45) width 68: "outer edge" | 317 text run at (5,45) width 68: "outer edge" |
318 RenderText {#text} at (73,45) size 82x19 | 318 RenderText {#text} at (73,45) size 82x19 |
319 text run at (73,45) width 82: " of its border." | 319 text run at (73,45) width 82: " of its border." |
OLD | NEW |