OLD | NEW |
1 layer at (0,0) size 785x1478 | 1 layer at (0,0) size 785x1478 |
2 RenderView at (0,0) size 785x600 | 2 RenderView at (0,0) size 785x600 |
3 layer at (0,0) size 785x1478 | 3 layer at (0,0) size 785x1478 |
4 RenderBlock {HTML} at (0,0) size 785x1478 | 4 RenderBlock {HTML} at (0,0) size 785x1477.88 |
5 RenderBody {BODY} at (8,21) size 769x1441 | 5 RenderBody {BODY} at (8,21.44) size 769x1440.44 |
6 RenderBlock {H1} at (0,0) size 769x37 | 6 RenderBlock {H1} at (0,0) size 769x37 |
7 RenderText {#text} at (0,0) size 290x37 | 7 RenderText {#text} at (0,0) size 290x37 |
8 text run at (0,0) width 290: "Table Border Models" | 8 text run at (0,0) width 290: "Table Border Models" |
9 RenderBlock {P} at (0,58) size 769x19 | 9 RenderBlock {P} at (0,58.44) size 769x18 |
10 RenderText {#text} at (0,0) size 117x18 | 10 RenderText {#text} at (0,0) size 117x18 |
11 text run at (0,0) width 117: "This tests tests the " | 11 text run at (0,0) width 117: "This tests tests the " |
12 RenderInline {A} at (0,0) size 208x18 [color=#0000EE] | 12 RenderInline {A} at (0,0) size 208x18 [color=#0000EE] |
13 RenderText {#text} at (117,0) size 208x18 | 13 RenderText {#text} at (117,0) size 208x18 |
14 text run at (117,0) width 208: "CSS2 spec rules on table borders" | 14 text run at (117,0) width 208: "CSS2 spec rules on table borders" |
15 RenderText {#text} at (325,0) size 180x18 | 15 RenderText {#text} at (325,0) size 180x18 |
16 text run at (325,0) width 8: ". " | 16 text run at (325,0) width 8: ". " |
17 text run at (333,0) width 172: "The styles applied here are:" | 17 text run at (333,0) width 172: "The styles applied here are:" |
18 RenderBlock {PRE} at (0,92) size 769x181 | 18 RenderBlock {PRE} at (0,92.44) size 769x180 |
19 RenderText {#text} at (0,0) size 688x180 | 19 RenderText {#text} at (0,0) size 688x180 |
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,15) width 408: "TD\x{9}{ border: thin solid green; padd
ing: 5px; }" | 22 text run at (0,15) width 408: "TD\x{9}{ border: thin solid green; padd
ing: 5px; }" |
23 text run at (408,15) width 0: " " | 23 text run at (408,15) width 0: " " |
24 text run at (0,30) width 392: "TH { border: medium solid purple; paddi
ng: 5px; }" | 24 text run at (0,30) width 392: "TH { border: medium solid purple; paddi
ng: 5px; }" |
25 text run at (392,30) width 0: " " | 25 text run at (392,30) width 0: " " |
26 text run at (0,45) width 360: "TABLE.one, TABLE.two { border-spacing:
1em; }" | 26 text run at (0,45) width 360: "TABLE.one, TABLE.two { border-spacing:
1em; }" |
27 text run at (360,45) width 0: " " | 27 text run at (360,45) width 0: " " |
28 text run at (0,60) width 320: "TABLE.one { border-collapse: collapse;
}" | 28 text run at (0,60) width 320: "TABLE.one { border-collapse: collapse;
}" |
29 text run at (320,60) width 0: " " | 29 text run at (320,60) width 0: " " |
30 text run at (0,75) width 320: "TABLE.two { border-collapse: separate;
}" | 30 text run at (0,75) width 320: "TABLE.two { border-collapse: separate;
}" |
31 text run at (320,75) width 0: " " | 31 text run at (320,75) width 0: " " |
32 text run at (0,90) width 536: "TABLE.three { border-collapse: separate
; border-spacing: 0 0.5em; }" | 32 text run at (0,90) width 536: "TABLE.three { border-collapse: separate
; border-spacing: 0 0.5em; }" |
33 text run at (536,90) width 0: " " | 33 text run at (536,90) width 0: " " |
34 text run at (0,105) width 528: "TABLE.four { border-collapse: separate
; border-spacing: 0.5em 0; }" | 34 text run at (0,105) width 528: "TABLE.four { border-collapse: separate
; border-spacing: 0.5em 0; }" |
35 text run at (528,105) width 0: " " | 35 text run at (528,105) width 0: " " |
36 text run at (0,120) width 328: "TABLE.five { border-collapse: separate
; }" | 36 text run at (0,120) width 328: "TABLE.five { border-collapse: separate
; }" |
37 text run at (328,120) width 0: " " | 37 text run at (328,120) width 0: " " |
38 text run at (0,135) width 464: "TABLE.five, TABLE.five TD, TABLE.five
TH { border: none; }" | 38 text run at (0,135) width 464: "TABLE.five, TABLE.five TD, TABLE.five
TH { border: none; }" |
39 text run at (464,135) width 0: " " | 39 text run at (464,135) width 0: " " |
40 text run at (0,150) width 688: "TABLE.five TR, TABLE.five COL, TABLE.f
ive COLGROUP, TABLE.five TBODY, TABLE.five THEAD" | 40 text run at (0,150) width 688: "TABLE.five TR, TABLE.five COL, TABLE.f
ive COLGROUP, TABLE.five TBODY, TABLE.five THEAD" |
41 text run at (688,150) width 0: " " | 41 text run at (688,150) width 0: " " |
42 text run at (0,165) width 296: "\x{9}{ border: medium solid red; }" | 42 text run at (0,165) width 296: "\x{9}{ border: medium solid red; }" |
43 text run at (296,165) width 0: " " | 43 text run at (296,165) width 0: " " |
44 RenderTable {TABLE} at (16,288) size 737x185 [border: (1px solid #0000FF)] | 44 RenderTable {TABLE} at (16,288.44) size 737x184 [border: (1px solid #0000F
F)] |
45 RenderTableSection {TBODY} at (1,1) size 734x181 | 45 RenderTableSection {TBODY} at (1,1) size 734x181 |
46 RenderTableRow {TR} at (0,0) size 734x31 | 46 RenderTableRow {TR} at (0,0) size 734x31 |
47 RenderTableCell {TH} at (0,0) size 246x31 [border: (2px solid #80008
0)] [r=0 c=0 rs=1 cs=1] | 47 RenderTableCell {TH} at (0,0) size 246x31 [border: (2px solid #80008
0)] [r=0 c=0 rs=1 cs=1] |
48 RenderText {#text} at (82,7) size 83x18 | 48 RenderText {#text} at (82,7) size 83x18 |
49 text run at (82,7) width 83: "Header One" | 49 text run at (82,7) width 83: "Header One" |
50 RenderTableCell {TH} at (246,0) size 231x31 [border: (2px solid #800
080)] [r=0 c=1 rs=1 cs=1] | 50 RenderTableCell {TH} at (246,0) size 231x31 [border: (2px solid #800
080)] [r=0 c=1 rs=1 cs=1] |
51 RenderText {#text} at (73,7) size 86x18 | 51 RenderText {#text} at (73,7) size 86x18 |
52 text run at (73,7) width 86: "Header Two" | 52 text run at (73,7) width 86: "Header Two" |
53 RenderTableCell {TH} at (477,0) size 257x31 [border: (2px solid #800
080)] [r=0 c=2 rs=1 cs=1] | 53 RenderTableCell {TH} at (477,0) size 257x31 [border: (2px solid #800
080)] [r=0 c=2 rs=1 cs=1] |
54 RenderText {#text} at (81,7) size 96x18 | 54 RenderText {#text} at (81,7) size 96x18 |
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
86 text run at (6,24) width 111: "around all edges. " | 86 text run at (6,24) width 111: "around all edges. " |
87 text run at (117,24) width 80: "This margin " | 87 text run at (117,24) width 80: "This margin " |
88 text run at (197,24) width 10: "is" | 88 text run at (197,24) width 10: "is" |
89 text run at (6,42) width 121: "measured from the " | 89 text run at (6,42) width 121: "measured from the " |
90 RenderInline {EM} at (0,0) size 43x18 | 90 RenderInline {EM} at (0,0) size 43x18 |
91 RenderText {#text} at (127,42) size 43x18 | 91 RenderText {#text} at (127,42) size 43x18 |
92 text run at (127,42) width 43: "middle" | 92 text run at (127,42) width 43: "middle" |
93 RenderText {#text} at (170,42) size 199x36 | 93 RenderText {#text} at (170,42) size 199x36 |
94 text run at (170,42) width 35: " of its" | 94 text run at (170,42) width 35: " of its" |
95 text run at (6,60) width 45: "border." | 95 text run at (6,60) width 45: "border." |
96 RenderTable {TABLE} at (16,488) size 737x237 [border: (3px solid #0000FF)] | 96 RenderTable {TABLE} at (16,488.44) size 737x236 [border: (3px solid #0000F
F)] |
97 RenderTableSection {TBODY} at (3,3) size 731x230 | 97 RenderTableSection {TBODY} at (3,3) size 731x230 |
98 RenderTableRow {TR} at (0,16) size 731x34 | 98 RenderTableRow {TR} at (0,16) size 731x34 |
99 RenderTableCell {TH} at (16,16) size 162x34 [border: (3px solid #800
080)] [r=0 c=0 rs=1 cs=1] | 99 RenderTableCell {TH} at (16,16) size 162x34 [border: (3px solid #800
080)] [r=0 c=0 rs=1 cs=1] |
100 RenderText {#text} at (40,8) size 82x18 | 100 RenderText {#text} at (40,8) size 82x18 |
101 text run at (40,8) width 82: "Header One" | 101 text run at (40,8) width 82: "Header One" |
102 RenderTableCell {TH} at (194,16) size 192x34 [border: (3px solid #80
0080)] [r=0 c=1 rs=1 cs=1] | 102 RenderTableCell {TH} at (194,16) size 192x34 [border: (3px solid #80
0080)] [r=0 c=1 rs=1 cs=1] |
103 RenderText {#text} at (53,8) size 86x18 | 103 RenderText {#text} at (53,8) size 86x18 |
104 text run at (53,8) width 86: "Header Two" | 104 text run at (53,8) width 86: "Header Two" |
105 RenderTableCell {TH} at (402,16) size 313x34 [border: (3px solid #80
0080)] [r=0 c=2 rs=1 cs=1] | 105 RenderTableCell {TH} at (402,16) size 313x34 [border: (3px solid #80
0080)] [r=0 c=2 rs=1 cs=1] |
106 RenderText {#text} at (109,8) size 95x18 | 106 RenderText {#text} at (109,8) size 95x18 |
(...skipping 29 matching lines...) Expand all Loading... |
136 text run at (6,6) width 299: "This table should have a 1em margi
n around all" | 136 text run at (6,6) width 299: "This table should have a 1em margi
n around all" |
137 text run at (6,24) width 44: "edges. " | 137 text run at (6,24) width 44: "edges. " |
138 text run at (50,24) width 80: "This margin " | 138 text run at (50,24) width 80: "This margin " |
139 text run at (130,24) width 135: "is measured from the " | 139 text run at (130,24) width 135: "is measured from the " |
140 RenderInline {EM} at (0,0) size 292x36 | 140 RenderInline {EM} at (0,0) size 292x36 |
141 RenderText {#text} at (265,24) size 292x36 | 141 RenderText {#text} at (265,24) size 292x36 |
142 text run at (265,24) width 33: "outer" | 142 text run at (265,24) width 33: "outer" |
143 text run at (6,42) width 30: "edge" | 143 text run at (6,42) width 30: "edge" |
144 RenderText {#text} at (36,42) size 84x18 | 144 RenderText {#text} at (36,42) size 84x18 |
145 text run at (36,42) width 84: " of its border." | 145 text run at (36,42) width 84: " of its border." |
146 RenderTable {TABLE} at (16,740) size 737x277 [border: (3px solid #0000FF)] | 146 RenderTable {TABLE} at (16,740.44) size 737x276 [border: (3px solid #0000F
F)] |
147 RenderTableSection {TBODY} at (3,3) size 731x270 | 147 RenderTableSection {TBODY} at (3,3) size 731x270 |
148 RenderTableRow {TR} at (0,8) size 731x34 | 148 RenderTableRow {TR} at (0,8) size 731x34 |
149 RenderTableCell {TH} at (0,8) size 189x34 [border: (3px solid #80008
0)] [r=0 c=0 rs=1 cs=1] | 149 RenderTableCell {TH} at (0,8) size 189x34 [border: (3px solid #80008
0)] [r=0 c=0 rs=1 cs=1] |
150 RenderText {#text} at (53,8) size 83x18 | 150 RenderText {#text} at (53,8) size 83x18 |
151 text run at (53,8) width 83: "Header One" | 151 text run at (53,8) width 83: "Header One" |
152 RenderTableCell {TH} at (189,8) size 266x34 [border: (3px solid #800
080)] [r=0 c=1 rs=1 cs=1] | 152 RenderTableCell {TH} at (189,8) size 266x34 [border: (3px solid #800
080)] [r=0 c=1 rs=1 cs=1] |
153 RenderText {#text} at (90,8) size 86x18 | 153 RenderText {#text} at (90,8) size 86x18 |
154 text run at (90,8) width 86: "Header Two" | 154 text run at (90,8) width 86: "Header Two" |
155 RenderTableCell {TH} at (455,8) size 276x34 [border: (3px solid #800
080)] [r=0 c=2 rs=1 cs=1] | 155 RenderTableCell {TH} at (455,8) size 276x34 [border: (3px solid #800
080)] [r=0 c=2 rs=1 cs=1] |
156 RenderText {#text} at (90,8) size 96x18 | 156 RenderText {#text} at (90,8) size 96x18 |
(...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
199 RenderTableCell {TD} at (455,160) size 276x102 [border: (1px solid #
008000)] [r=2 c=2 rs=1 cs=1] | 199 RenderTableCell {TD} at (455,160) size 276x102 [border: (1px solid #
008000)] [r=2 c=2 rs=1 cs=1] |
200 RenderText {#text} at (6,6) size 250x90 | 200 RenderText {#text} at (6,6) size 250x90 |
201 text run at (6,6) width 242: "The table should not be wider than
the" | 201 text run at (6,6) width 242: "The table should not be wider than
the" |
202 text run at (6,24) width 174: "room available for it unless " | 202 text run at (6,24) width 174: "room available for it unless " |
203 text run at (180,24) width 76: "that space is" | 203 text run at (180,24) width 76: "that space is" |
204 text run at (6,42) width 73: "very small. " | 204 text run at (6,42) width 73: "very small. " |
205 text run at (79,42) width 169: "Because of its margins, the" | 205 text run at (79,42) width 169: "Because of its margins, the" |
206 text run at (6,60) width 80: "width of the " | 206 text run at (6,60) width 80: "width of the " |
207 text run at (86,60) width 153: "table should be less than" | 207 text run at (86,60) width 153: "table should be less than" |
208 text run at (6,78) width 41: "100%." | 208 text run at (6,78) width 41: "100%." |
209 RenderTable {TABLE} at (16,1032) size 737x209 [border: (3px solid #0000FF)
] | 209 RenderTable {TABLE} at (16,1032.44) size 737x208 [border: (3px solid #0000
FF)] |
210 RenderTableSection {TBODY} at (3,3) size 731x202 | 210 RenderTableSection {TBODY} at (3,3) size 731x202 |
211 RenderTableRow {TR} at (0,0) size 731x34 | 211 RenderTableRow {TR} at (0,0) size 731x34 |
212 RenderTableCell {TH} at (8,0) size 201x34 [border: (3px solid #80008
0)] [r=0 c=0 rs=1 cs=1] | 212 RenderTableCell {TH} at (8,0) size 201x34 [border: (3px solid #80008
0)] [r=0 c=0 rs=1 cs=1] |
213 RenderText {#text} at (59,8) size 83x18 | 213 RenderText {#text} at (59,8) size 83x18 |
214 text run at (59,8) width 83: "Header One" | 214 text run at (59,8) width 83: "Header One" |
215 RenderTableCell {TH} at (217,0) size 205x34 [border: (3px solid #800
080)] [r=0 c=1 rs=1 cs=1] | 215 RenderTableCell {TH} at (217,0) size 205x34 [border: (3px solid #800
080)] [r=0 c=1 rs=1 cs=1] |
216 RenderText {#text} at (60,8) size 85x18 | 216 RenderText {#text} at (60,8) size 85x18 |
217 text run at (60,8) width 85: "Header Two" | 217 text run at (60,8) width 85: "Header Two" |
218 RenderTableCell {TH} at (430,0) size 293x34 [border: (3px solid #800
080)] [r=0 c=2 rs=1 cs=1] | 218 RenderTableCell {TH} at (430,0) size 293x34 [border: (3px solid #800
080)] [r=0 c=2 rs=1 cs=1] |
219 RenderText {#text} at (99,8) size 95x18 | 219 RenderText {#text} at (99,8) size 95x18 |
(...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
256 text run at (73,60) width 84: " of its border." | 256 text run at (73,60) width 84: " of its border." |
257 RenderTableCell {TD} at (430,118) size 293x84 [border: (1px solid #0
08000)] [r=2 c=2 rs=1 cs=1] | 257 RenderTableCell {TD} at (430,118) size 293x84 [border: (1px solid #0
08000)] [r=2 c=2 rs=1 cs=1] |
258 RenderText {#text} at (6,6) size 279x72 | 258 RenderText {#text} at (6,6) size 279x72 |
259 text run at (6,6) width 279: "The table should not be wider than
the room" | 259 text run at (6,6) width 279: "The table should not be wider than
the room" |
260 text run at (6,24) width 137: "available for it unless " | 260 text run at (6,24) width 137: "available for it unless " |
261 text run at (143,24) width 108: "that space is very" | 261 text run at (143,24) width 108: "that space is very" |
262 text run at (6,42) width 41: "small. " | 262 text run at (6,42) width 41: "small. " |
263 text run at (47,42) width 226: "Because of its margins, the widt
h of" | 263 text run at (47,42) width 226: "Because of its margins, the widt
h of" |
264 text run at (6,60) width 23: "the " | 264 text run at (6,60) width 23: "the " |
265 text run at (29,60) width 198: "table should be less than 100%." | 265 text run at (29,60) width 198: "table should be less than 100%." |
266 RenderTable {TABLE} at (16,1256) size 737x185 | 266 RenderTable {TABLE} at (16,1256.44) size 737x184 |
267 RenderBlock {CAPTION} at (0,0) size 737x18 | 267 RenderBlock {CAPTION} at (0,0) size 737x18 |
268 RenderText {#text} at (309,0) size 119x18 | 268 RenderText {#text} at (309,0) size 119x18 |
269 text run at (309,0) width 119: "This is the caption." | 269 text run at (309,0) width 119: "This is the caption." |
270 RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF0000)
] | 270 RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF0000)
] |
271 RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)] | 271 RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)] |
272 RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF0000)
] | 272 RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF0000)
] |
273 RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)] | 273 RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)] |
274 RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)] | 274 RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)] |
275 RenderTableSection {THEAD} at (0,18) size 737x32 [border: (3px solid #FF
0000)] | 275 RenderTableSection {THEAD} at (0,18) size 737x32 [border: (3px solid #FF
0000)] |
276 RenderTableRow {TR} at (0,2) size 737x28 [border: (3px solid #FF0000)] | 276 RenderTableRow {TR} at (0,2) size 737x28 [border: (3px solid #FF0000)] |
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
318 text run at (5,5) width 232: "This table should have a 1em margi
n" | 318 text run at (5,5) width 232: "This table should have a 1em margi
n" |
319 text run at (5,23) width 111: "around all edges. " | 319 text run at (5,23) width 111: "around all edges. " |
320 text run at (116,23) width 80: "This margin " | 320 text run at (116,23) width 80: "This margin " |
321 text run at (196,23) width 74: "is measured" | 321 text run at (196,23) width 74: "is measured" |
322 text run at (5,41) width 57: "from the " | 322 text run at (5,41) width 57: "from the " |
323 RenderInline {EM} at (0,0) size 67x18 | 323 RenderInline {EM} at (0,0) size 67x18 |
324 RenderText {#text} at (62,41) size 67x18 | 324 RenderText {#text} at (62,41) size 67x18 |
325 text run at (62,41) width 67: "outer edge" | 325 text run at (62,41) width 67: "outer edge" |
326 RenderText {#text} at (129,41) size 84x18 | 326 RenderText {#text} at (129,41) size 84x18 |
327 text run at (129,41) width 84: " of its border." | 327 text run at (129,41) width 84: " of its border." |
OLD | NEW |