OLD | NEW |
1 layer at (0,0) size 785x1494 | 1 layer at (0,0) size 785x1506 |
2 RenderView at (0,0) size 785x600 | 2 RenderView at (0,0) size 785x600 |
3 layer at (0,0) size 785x1494 | 3 layer at (0,0) size 785x1506 |
4 RenderBlock {HTML} at (0,0) size 785x1493.88 | 4 RenderBlock {HTML} at (0,0) size 785x1505.88 |
5 RenderBody {BODY} at (8,21.44) size 769x1456.44 | 5 RenderBody {BODY} at (8,21.44) size 769x1468.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.44) size 769x18 | 9 RenderBlock {P} at (0,58.44) size 769x18 |
10 RenderText {#text} at (0,0) size 121x17 | 10 RenderText {#text} at (0,0) size 121x17 |
11 text run at (0,0) width 121: "This tests tests the " | 11 text run at (0,0) width 121: "This tests tests the " |
12 RenderInline {A} at (0,0) size 212x17 [color=#0000EE] | 12 RenderInline {A} at (0,0) size 212x17 [color=#0000EE] |
13 RenderText {#text} at (120,0) size 212x17 | 13 RenderText {#text} at (120,0) size 212x17 |
14 text run at (120,0) width 212: "CSS2 spec rules on table borders" | 14 text run at (120,0) width 212: "CSS2 spec rules on table borders" |
15 RenderText {#text} at (331,0) size 185x17 | 15 RenderText {#text} at (331,0) size 185x17 |
16 text run at (331,0) width 9: ". " | 16 text run at (331,0) width 9: ". " |
17 text run at (339,0) width 177: "The styles applied here are:" | 17 text run at (339,0) width 177: "The styles applied here are:" |
18 RenderBlock {PRE} at (0,92.44) size 769x180 | 18 RenderBlock {PRE} at (0,92.44) size 769x192 |
19 RenderText {#text} at (0,0) size 671x180 | 19 RenderText {#text} at (0,0) size 688x192 |
20 text run at (0,0) width 398: "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 (397,0) width 1: " " | 21 text run at (408,0) width 0: " " |
22 text run at (0,15) width 398: "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 (397,15) width 1: " " | 23 text run at (408,16) width 0: " " |
24 text run at (0,30) width 383: "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 (382,30) width 1: " " | 25 text run at (392,32) width 0: " " |
26 text run at (0,45) width 352: "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 (351,45) width 1: " " | 27 text run at (360,48) width 0: " " |
28 text run at (0,60) width 313: "TABLE.one { border-collapse: collapse;
}" | 28 text run at (0,64) width 320: "TABLE.one { border-collapse: collapse;
}" |
29 text run at (312,60) width 1: " " | 29 text run at (320,64) width 0: " " |
30 text run at (0,75) width 313: "TABLE.two { border-collapse: separate;
}" | 30 text run at (0,80) width 320: "TABLE.two { border-collapse: separate;
}" |
31 text run at (312,75) width 1: " " | 31 text run at (320,80) width 0: " " |
32 text run at (0,90) width 523: "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 (522,90) width 1: " " | 33 text run at (536,96) width 0: " " |
34 text run at (0,105) width 515: "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 (514,105) width 1: " " | 35 text run at (528,112) width 0: " " |
36 text run at (0,120) width 320: "TABLE.five { border-collapse: separate
; }" | 36 text run at (0,128) width 328: "TABLE.five { border-collapse: separate
; }" |
37 text run at (319,120) width 1: " " | 37 text run at (328,128) width 0: " " |
38 text run at (0,135) width 453: "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 (452,135) width 1: " " | 39 text run at (464,144) width 0: " " |
40 text run at (0,150) width 671: "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 (670,150) width 1: " " | 41 text run at (688,160) width 0: " " |
42 text run at (0,165) width 289: "\x{9}{ border: medium solid red; }" | 42 text run at (0,176) width 296: "\x{9}{ border: medium solid red; }" |
43 text run at (288,165) width 1: " " | 43 text run at (296,176) width 0: " " |
44 RenderTable {TABLE} at (16,288.44) size 737x184 [border: (1px solid #0000F
F)] | 44 RenderTable {TABLE} at (16,300.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 245x31 [border: (2px solid #80008
0)] [r=0 c=0 rs=1 cs=1] | 47 RenderTableCell {TH} at (0,0) size 245x31 [border: (2px solid #80008
0)] [r=0 c=0 rs=1 cs=1] |
48 RenderText {#text} at (81,7) size 84x17 | 48 RenderText {#text} at (81,7) size 84x17 |
49 text run at (81,7) width 84: "Header One" | 49 text run at (81,7) width 84: "Header One" |
50 RenderTableCell {TH} at (245,0) size 232x31 [border: (2px solid #800
080)] [r=0 c=1 rs=1 cs=1] | 50 RenderTableCell {TH} at (245,0) size 232x31 [border: (2px solid #800
080)] [r=0 c=1 rs=1 cs=1] |
51 RenderText {#text} at (74,7) size 85x17 | 51 RenderText {#text} at (74,7) size 85x17 |
52 text run at (74,7) width 85: "Header Two" | 52 text run at (74,7) width 85: "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 96x17 | 54 RenderText {#text} at (81,7) size 96x17 |
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
86 text run at (6,24) width 113: "around all edges. " | 86 text run at (6,24) width 113: "around all edges. " |
87 text run at (118,24) width 83: "This margin " | 87 text run at (118,24) width 83: "This margin " |
88 text run at (200,24) width 12: "is" | 88 text run at (200,24) width 12: "is" |
89 text run at (6,42) width 124: "measured from the " | 89 text run at (6,42) width 124: "measured from the " |
90 RenderInline {EM} at (0,0) size 45x17 | 90 RenderInline {EM} at (0,0) size 45x17 |
91 RenderText {#text} at (129,42) size 45x17 | 91 RenderText {#text} at (129,42) size 45x17 |
92 text run at (129,42) width 45: "middle" | 92 text run at (129,42) width 45: "middle" |
93 RenderText {#text} at (173,42) size 204x35 | 93 RenderText {#text} at (173,42) size 204x35 |
94 text run at (173,42) width 37: " of its" | 94 text run at (173,42) width 37: " of its" |
95 text run at (6,60) width 46: "border." | 95 text run at (6,60) width 46: "border." |
96 RenderTable {TABLE} at (16,488.44) size 737x236 [border: (3px solid #0000F
F)] | 96 RenderTable {TABLE} at (16,500.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 163x34 [border: (3px solid #800
080)] [r=0 c=0 rs=1 cs=1] | 99 RenderTableCell {TH} at (16,16) size 163x34 [border: (3px solid #800
080)] [r=0 c=0 rs=1 cs=1] |
100 RenderText {#text} at (39,8) size 85x17 | 100 RenderText {#text} at (39,8) size 85x17 |
101 text run at (39,8) width 85: "Header One" | 101 text run at (39,8) width 85: "Header One" |
102 RenderTableCell {TH} at (195,16) size 192x34 [border: (3px solid #80
0080)] [r=0 c=1 rs=1 cs=1] | 102 RenderTableCell {TH} at (195,16) size 192x34 [border: (3px solid #80
0080)] [r=0 c=1 rs=1 cs=1] |
103 RenderText {#text} at (53,8) size 86x17 | 103 RenderText {#text} at (53,8) size 86x17 |
104 text run at (53,8) width 86: "Header Two" | 104 text run at (53,8) width 86: "Header Two" |
105 RenderTableCell {TH} at (403,16) size 312x34 [border: (3px solid #80
0080)] [r=0 c=2 rs=1 cs=1] | 105 RenderTableCell {TH} at (403,16) size 312x34 [border: (3px solid #80
0080)] [r=0 c=2 rs=1 cs=1] |
106 RenderText {#text} at (108,8) size 96x17 | 106 RenderText {#text} at (108,8) size 96x17 |
(...skipping 28 matching lines...) Expand all Loading... |
135 RenderText {#text} at (6,6) size 285x35 | 135 RenderText {#text} at (6,6) size 285x35 |
136 text run at (6,6) width 285: "This table should have a 1em margi
n around" | 136 text run at (6,6) width 285: "This table should have a 1em margi
n around" |
137 text run at (6,24) width 65: "all edges. " | 137 text run at (6,24) width 65: "all edges. " |
138 text run at (70,24) width 83: "This margin " | 138 text run at (70,24) width 83: "This margin " |
139 text run at (152,24) width 135: "is measured from the" | 139 text run at (152,24) width 135: "is measured from the" |
140 RenderInline {EM} at (0,0) size 68x17 | 140 RenderInline {EM} at (0,0) size 68x17 |
141 RenderText {#text} at (6,42) size 68x17 | 141 RenderText {#text} at (6,42) size 68x17 |
142 text run at (6,42) width 68: "outer edge" | 142 text run at (6,42) width 68: "outer edge" |
143 RenderText {#text} at (73,42) size 88x17 | 143 RenderText {#text} at (73,42) size 88x17 |
144 text run at (73,42) width 88: " of its border." | 144 text run at (73,42) width 88: " of its border." |
145 RenderTable {TABLE} at (16,740.44) size 737x276 [border: (3px solid #0000F
F)] | 145 RenderTable {TABLE} at (16,752.44) size 737x276 [border: (3px solid #0000F
F)] |
146 RenderTableSection {TBODY} at (3,3) size 731x270 | 146 RenderTableSection {TBODY} at (3,3) size 731x270 |
147 RenderTableRow {TR} at (0,8) size 731x34 | 147 RenderTableRow {TR} at (0,8) size 731x34 |
148 RenderTableCell {TH} at (0,8) size 189x34 [border: (3px solid #80008
0)] [r=0 c=0 rs=1 cs=1] | 148 RenderTableCell {TH} at (0,8) size 189x34 [border: (3px solid #80008
0)] [r=0 c=0 rs=1 cs=1] |
149 RenderText {#text} at (52,8) size 85x17 | 149 RenderText {#text} at (52,8) size 85x17 |
150 text run at (52,8) width 85: "Header One" | 150 text run at (52,8) width 85: "Header One" |
151 RenderTableCell {TH} at (189,8) size 267x34 [border: (3px solid #800
080)] [r=0 c=1 rs=1 cs=1] | 151 RenderTableCell {TH} at (189,8) size 267x34 [border: (3px solid #800
080)] [r=0 c=1 rs=1 cs=1] |
152 RenderText {#text} at (91,8) size 85x17 | 152 RenderText {#text} at (91,8) size 85x17 |
153 text run at (91,8) width 85: "Header Two" | 153 text run at (91,8) width 85: "Header Two" |
154 RenderTableCell {TH} at (456,8) size 275x34 [border: (3px solid #800
080)] [r=0 c=2 rs=1 cs=1] | 154 RenderTableCell {TH} at (456,8) size 275x34 [border: (3px solid #800
080)] [r=0 c=2 rs=1 cs=1] |
155 RenderText {#text} at (89,8) size 97x17 | 155 RenderText {#text} at (89,8) size 97x17 |
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
197 RenderTableCell {TD} at (456,160) size 275x102 [border: (1px solid #
008000)] [r=2 c=2 rs=1 cs=1] | 197 RenderTableCell {TD} at (456,160) size 275x102 [border: (1px solid #
008000)] [r=2 c=2 rs=1 cs=1] |
198 RenderText {#text} at (6,6) size 258x89 | 198 RenderText {#text} at (6,6) size 258x89 |
199 text run at (6,6) width 246: "The table should not be wider than
the" | 199 text run at (6,6) width 246: "The table should not be wider than
the" |
200 text run at (6,24) width 180: "room available for it unless " | 200 text run at (6,24) width 180: "room available for it unless " |
201 text run at (185,24) width 79: "that space is" | 201 text run at (185,24) width 79: "that space is" |
202 text run at (6,42) width 76: "very small. " | 202 text run at (6,42) width 76: "very small. " |
203 text run at (81,42) width 173: "Because of its margins, the" | 203 text run at (81,42) width 173: "Because of its margins, the" |
204 text run at (6,60) width 82: "width of the " | 204 text run at (6,60) width 82: "width of the " |
205 text run at (87,60) width 157: "table should be less than" | 205 text run at (87,60) width 157: "table should be less than" |
206 text run at (6,78) width 42: "100%." | 206 text run at (6,78) width 42: "100%." |
207 RenderTable {TABLE} at (16,1032.44) size 737x226 [border: (3px solid #0000
FF)] | 207 RenderTable {TABLE} at (16,1044.44) size 737x226 [border: (3px solid #0000
FF)] |
208 RenderTableSection {TBODY} at (3,3) size 731x220 | 208 RenderTableSection {TBODY} at (3,3) size 731x220 |
209 RenderTableRow {TR} at (0,0) size 731x34 | 209 RenderTableRow {TR} at (0,0) size 731x34 |
210 RenderTableCell {TH} at (8,0) size 201x34 [border: (3px solid #80008
0)] [r=0 c=0 rs=1 cs=1] | 210 RenderTableCell {TH} at (8,0) size 201x34 [border: (3px solid #80008
0)] [r=0 c=0 rs=1 cs=1] |
211 RenderText {#text} at (58,8) size 85x17 | 211 RenderText {#text} at (58,8) size 85x17 |
212 text run at (58,8) width 85: "Header One" | 212 text run at (58,8) width 85: "Header One" |
213 RenderTableCell {TH} at (217,0) size 204x34 [border: (3px solid #800
080)] [r=0 c=1 rs=1 cs=1] | 213 RenderTableCell {TH} at (217,0) size 204x34 [border: (3px solid #800
080)] [r=0 c=1 rs=1 cs=1] |
214 RenderText {#text} at (59,8) size 86x17 | 214 RenderText {#text} at (59,8) size 86x17 |
215 text run at (59,8) width 86: "Header Two" | 215 text run at (59,8) width 86: "Header Two" |
216 RenderTableCell {TH} at (429,0) size 294x34 [border: (3px solid #800
080)] [r=0 c=2 rs=1 cs=1] | 216 RenderTableCell {TH} at (429,0) size 294x34 [border: (3px solid #800
080)] [r=0 c=2 rs=1 cs=1] |
217 RenderText {#text} at (99,8) size 96x17 | 217 RenderText {#text} at (99,8) size 96x17 |
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
255 RenderTableCell {TD} at (429,118) size 294x102 [border: (1px solid #
008000)] [r=2 c=2 rs=1 cs=1] | 255 RenderTableCell {TD} at (429,118) size 294x102 [border: (1px solid #
008000)] [r=2 c=2 rs=1 cs=1] |
256 RenderText {#text} at (6,6) size 258x89 | 256 RenderText {#text} at (6,6) size 258x89 |
257 text run at (6,6) width 246: "The table should not be wider than
the" | 257 text run at (6,6) width 246: "The table should not be wider than
the" |
258 text run at (6,24) width 180: "room available for it unless " | 258 text run at (6,24) width 180: "room available for it unless " |
259 text run at (185,24) width 79: "that space is" | 259 text run at (185,24) width 79: "that space is" |
260 text run at (6,42) width 76: "very small. " | 260 text run at (6,42) width 76: "very small. " |
261 text run at (81,42) width 173: "Because of its margins, the" | 261 text run at (81,42) width 173: "Because of its margins, the" |
262 text run at (6,60) width 82: "width of the " | 262 text run at (6,60) width 82: "width of the " |
263 text run at (87,60) width 157: "table should be less than" | 263 text run at (87,60) width 157: "table should be less than" |
264 text run at (6,78) width 42: "100%." | 264 text run at (6,78) width 42: "100%." |
265 RenderTable {TABLE} at (16,1274.44) size 737x182 | 265 RenderTable {TABLE} at (16,1286.44) size 737x182 |
266 RenderBlock {CAPTION} at (0,0) size 737x18 | 266 RenderBlock {CAPTION} at (0,0) size 737x18 |
267 RenderText {#text} at (307,0) size 123x17 | 267 RenderText {#text} at (307,0) size 123x17 |
268 text run at (307,0) width 123: "This is the caption." | 268 text run at (307,0) width 123: "This is the caption." |
269 RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF0000)
] | 269 RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF0000)
] |
270 RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)] | 270 RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)] |
271 RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF0000)
] | 271 RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF0000)
] |
272 RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)] | 272 RenderTableCol {COL} 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 RenderTableSection {THEAD} at (0,18) size 737x32 [border: (3px solid #FF
0000)] | 274 RenderTableSection {THEAD} at (0,18) size 737x32 [border: (3px solid #FF
0000)] |
275 RenderTableRow {TR} at (0,2) size 737x28 [border: (3px solid #FF0000)] | 275 RenderTableRow {TR} at (0,2) size 737x28 [border: (3px solid #FF0000)] |
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
317 text run at (5,5) width 237: "This table should have a 1em margi
n" | 317 text run at (5,5) width 237: "This table should have a 1em margi
n" |
318 text run at (5,23) width 113: "around all edges. " | 318 text run at (5,23) width 113: "around all edges. " |
319 text run at (117,23) width 83: "This margin " | 319 text run at (117,23) width 83: "This margin " |
320 text run at (199,23) width 77: "is measured" | 320 text run at (199,23) width 77: "is measured" |
321 text run at (5,41) width 59: "from the " | 321 text run at (5,41) width 59: "from the " |
322 RenderInline {EM} at (0,0) size 69x17 | 322 RenderInline {EM} at (0,0) size 69x17 |
323 RenderText {#text} at (63,41) size 69x17 | 323 RenderText {#text} at (63,41) size 69x17 |
324 text run at (63,41) width 69: "outer edge" | 324 text run at (63,41) width 69: "outer edge" |
325 RenderText {#text} at (131,41) size 87x17 | 325 RenderText {#text} at (131,41) size 87x17 |
326 text run at (131,41) width 87: " of its border." | 326 text run at (131,41) width 87: " of its border." |
OLD | NEW |