| OLD | NEW |
| 1 layer at (0,0) size 1558x913 | 1 layer at (0,0) size 1556x913 |
| 2 RenderView at (0,0) size 785x585 | 2 RenderView at (0,0) size 785x585 |
| 3 layer at (0,0) size 785x913 | 3 layer at (0,0) size 785x913 |
| 4 RenderBlock {HTML} at (0,0) size 785x912.88 | 4 RenderBlock {HTML} at (0,0) size 785x912.88 |
| 5 RenderBody {BODY} at (8,21.44) size 769x883.44 | 5 RenderBody {BODY} at (8,21.44) size 769x883.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 769x20 | 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 " |
| (...skipping 22 matching lines...) Expand all Loading... |
| 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 264: " { border: medium solid red; }" | 42 text run at (0,176) width 264: " { border: medium solid red; }" |
| 43 text run at (264,176) width 0: " " | 43 text run at (264,176) width 0: " " |
| 44 RenderBlock {DIV} at (0,299.44) size 1550x584 | 44 RenderBlock {DIV} at (0,299.44) size 1548x584 |
| 45 RenderTable {TABLE} at (16,16) size 240x552 [border: (1px solid #0000FF)
] | 45 RenderTable {TABLE} at (16,16) size 240x552 [border: (1px solid #0000FF)
] |
| 46 RenderTableSection {TBODY} at (1,1) size 237x549 | 46 RenderTableSection {TBODY} at (1,1) size 237x549 |
| 47 RenderTableRow {TR} at (0,0) size 33x549 | 47 RenderTableRow {TR} at (0,0) size 33x549 |
| 48 RenderTableCell {TH} at (0,0) size 33x184 [border: (2px solid #800
080)] [r=0 c=0 rs=1 cs=1] | 48 RenderTableCell {TH} at (0,0) size 33x184 [border: (2px solid #800
080)] [r=0 c=0 rs=1 cs=1] |
| 49 RenderText {#text} at (6,51) size 19x83 | 49 RenderText {#text} at (6,51) size 19x83 |
| 50 text run at (6,51) width 82: "Header One" | 50 text run at (6,51) width 82: "Header One" |
| 51 RenderTableCell {TH} at (0,184) size 33x173 [border: (2px solid #8
00080)] [r=0 c=1 rs=1 cs=1] | 51 RenderTableCell {TH} at (0,184) size 33x173 [border: (2px solid #8
00080)] [r=0 c=1 rs=1 cs=1] |
| 52 RenderText {#text} at (6,46) size 19x82 | 52 RenderText {#text} at (6,46) size 19x82 |
| 53 text run at (6,46) width 82: "Header Two" | 53 text run at (6,46) width 82: "Header Two" |
| 54 RenderTableCell {TH} at (0,357) size 33x192 [border: (2px solid #8
00080)] [r=0 c=2 rs=1 cs=1] | 54 RenderTableCell {TH} at (0,357) size 33x192 [border: (2px solid #8
00080)] [r=0 c=2 rs=1 cs=1] |
| (...skipping 219 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 274 RenderTableCell {TD} at (148,322) size 132x216 [border: (1px solid
#008000)] [r=2 c=2 rs=1 cs=1] | 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 | 275 RenderText {#text} at (6,6) size 119x197 |
| 276 text run at (6,6) width 179: "The table should not be wider" | 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" | 277 text run at (26,6) width 171: "than the room available for it" |
| 278 text run at (46,6) width 40: "unless " | 278 text run at (46,6) width 40: "unless " |
| 279 text run at (46,46) width 142: "that space is very small." | 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 wid
th" | 280 text run at (66,6) width 197: "Because of its margins, the wid
th" |
| 281 text run at (86,6) width 38: "of the " | 281 text run at (86,6) width 38: "of the " |
| 282 text run at (86,44) width 146: "table should be less than" | 282 text run at (86,44) width 146: "table should be less than" |
| 283 text run at (106,6) width 41: "100%." | 283 text run at (106,6) width 41: "100%." |
| 284 RenderTable {TABLE} at (1254,16) size 280x552 | 284 RenderTable {TABLE} at (1254,16) size 278x552 |
| 285 RenderBlock {CAPTION} at (0,0) size 20x552 | 285 RenderBlock {CAPTION} at (0,0) size 20x552 |
| 286 RenderText {#text} at (0,220) size 19x112 | 286 RenderText {#text} at (0,220) size 19x112 |
| 287 text run at (0,220) width 112: "This is the caption." | 287 text run at (0,220) width 112: "This is the caption." |
| 288 RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF000
0)] | 288 RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF000
0)] |
| 289 RenderTableCol {COL} 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 #FF000
0)] | 290 RenderTableCol {COLGROUP} at (0,0) size 0x0 [border: (3px solid #FF000
0)] |
| 291 RenderTableCol {COL} 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)] | 292 RenderTableCol {COL} at (0,0) size 0x0 [border: (3px solid #FF0000)] |
| 293 RenderTableSection {THEAD} at (20,0) size 54x552 [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
)] | 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] | 295 RenderTableCell {TH} at (2,2) size 50x90 [r=0 c=0 rs=1 cs=1] |
| 296 RenderText {#text} at (5,20) size 39x50 | 296 RenderText {#text} at (5,20) size 39x50 |
| 297 text run at (5,20) width 50: "Header" | 297 text run at (5,20) width 50: "Header" |
| 298 text run at (25,31) width 28: "One" | 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] | 299 RenderTableCell {TH} at (2,104) size 50x218 [r=0 c=1 rs=1 cs=1] |
| 300 RenderText {#text} at (15,68) size 19x82 | 300 RenderText {#text} at (15,68) size 19x82 |
| 301 text run at (15,68) width 82: "Header Two" | 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] | 302 RenderTableCell {TH} at (2,344) size 50x196 [r=0 c=2 rs=1 cs=1] |
| 303 RenderText {#text} at (15,51) size 19x94 | 303 RenderText {#text} at (15,51) size 19x94 |
| 304 text run at (15,51) width 94: "Header Three" | 304 text run at (15,51) width 94: "Header Three" |
| 305 RenderTableSection {TBODY} at (74,0) size 206x552 [border: (3px solid
#FF0000)] | 305 RenderTableSection {TBODY} at (74,0) size 204x552 [border: (3px solid
#FF0000)] |
| 306 RenderTableRow {TR} at (0,2) size 110x552 [border: (3px solid #FF000
0)] | 306 RenderTableRow {TR} at (0,0) size 110x552 [border: (3px solid #FF000
0)] |
| 307 RenderTableCell {TD} at (2,2) size 110x90 [r=0 c=0 rs=1 cs=1] | 307 RenderTableCell {TD} at (0,2) size 110x90 [r=0 c=0 rs=1 cs=1] |
| 308 RenderText {#text} at (5,5) size 99x59 | 308 RenderText {#text} at (5,5) size 99x59 |
| 309 text run at (5,5) width 58: "This table" | 309 text run at (5,5) width 58: "This table" |
| 310 text run at (25,5) width 48: "uses the" | 310 text run at (25,5) width 48: "uses the" |
| 311 text run at (45,5) width 59: "separated" | 311 text run at (45,5) width 59: "separated" |
| 312 text run at (65,5) width 47: "borders" | 312 text run at (65,5) width 47: "borders" |
| 313 text run at (85,5) width 41: "model." | 313 text run at (85,5) width 41: "model." |
| 314 RenderTableCell {TD} at (2,114) size 110x198 [r=0 c=1 rs=1 cs=1] | 314 RenderTableCell {TD} at (0,114) size 110x198 [r=0 c=1 rs=1 cs=1] |
| 315 RenderText {#text} at (25,-15) size 59x218 | 315 RenderText {#text} at (25,-15) size 59x218 |
| 316 text run at (25,-15) width 218: "This means that borders are a
llowed" | 316 text run at (25,-15) width 218: "This means that borders are a
llowed" |
| 317 text run at (45,-15) width 187: "only on table elements or tab
le " | 317 text run at (45,-15) width 187: "only on table elements or tab
le " |
| 318 text run at (45,172) width 20: "cell" | 318 text run at (45,172) width 20: "cell" |
| 319 text run at (65,-15) width 56: "elements." | 319 text run at (65,-15) width 56: "elements." |
| 320 RenderTableCell {TD} at (2,354) size 110x176 [r=0 c=2 rs=1 cs=1] | 320 RenderTableCell {TD} at (0,354) size 110x176 [r=0 c=2 rs=1 cs=1] |
| 321 RenderText {#text} at (25,-15) size 59x202 | 321 RenderText {#text} at (25,-15) size 59x202 |
| 322 text run at (25,-15) width 202: "They are not allowed on eleme
nts" | 322 text run at (25,-15) width 202: "They are not allowed on eleme
nts" |
| 323 text run at (45,-15) width 124: "that represent rows, " | 323 text run at (45,-15) width 124: "that represent rows, " |
| 324 text run at (45,109) width 75: "row-groups," | 324 text run at (45,109) width 75: "row-groups," |
| 325 text run at (65,-15) width 168: "columns, or column-groups." | 325 text run at (65,-15) width 168: "columns, or column-groups." |
| 326 RenderTableRow {TR} at (0,114) size 90x552 [border: (3px solid #FF00
00)] | 326 RenderTableRow {TR} at (0,112) size 90x552 [border: (3px solid #FF00
00)] |
| 327 RenderTableCell {TD} at (114,2) size 90x90 [r=1 c=0 rs=1 cs=1] | 327 RenderTableCell {TD} at (112,2) size 90x90 [r=1 c=0 rs=1 cs=1] |
| 328 RenderText {#text} at (5,5) size 79x79 | 328 RenderText {#text} at (5,5) size 79x79 |
| 329 text run at (5,5) width 78: "There should" | 329 text run at (5,5) width 78: "There should" |
| 330 text run at (25,5) width 34: "be no" | 330 text run at (25,5) width 34: "be no" |
| 331 text run at (45,5) width 79: "borders at all" | 331 text run at (45,5) width 79: "borders at all" |
| 332 text run at (65,5) width 77: "on this table!" | 332 text run at (65,5) width 77: "on this table!" |
| 333 RenderTableCell {TD} at (114,94) size 90x238 [r=1 c=1 rs=1 cs=1] | 333 RenderTableCell {TD} at (112,94) size 90x238 [r=1 c=1 rs=1 cs=1] |
| 334 RenderText {#text} at (5,5) size 79x224 | 334 RenderText {#text} at (5,5) size 79x224 |
| 335 text run at (5,5) width 211: "If there are any borders shown t
hat" | 335 text run at (5,5) width 211: "If there are any borders shown t
hat" |
| 336 text run at (25,5) width 186: "are not medium solid red, then
" | 336 text run at (25,5) width 186: "are not medium solid red, then
" |
| 337 text run at (25,191) width 18: "the" | 337 text run at (25,191) width 18: "the" |
| 338 text run at (45,5) width 224: "problem is something other than
what" | 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." | 339 text run at (65,5) width 104: "this test is testing." |
| 340 RenderTableCell {TD} at (114,334) size 90x216 [r=1 c=2 rs=1 cs=1] | 340 RenderTableCell {TD} at (112,334) size 90x216 [r=1 c=2 rs=1 cs=1] |
| 341 RenderText {#text} at (5,5) size 59x175 | 341 RenderText {#text} at (5,5) size 59x175 |
| 342 text run at (5,5) width 174: "This table should have a 1em" | 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. " | 343 text run at (25,5) width 150: "margin around all edges. " |
| 344 text run at (25,155) width 25: "This" | 344 text run at (25,155) width 25: "This" |
| 345 text run at (45,5) width 44: "margin " | 345 text run at (45,5) width 44: "margin " |
| 346 text run at (45,49) width 125: "is measured from the" | 346 text run at (45,49) width 125: "is measured from the" |
| 347 RenderInline {EM} at (0,0) size 19x68 | 347 RenderInline {EM} at (0,0) size 19x68 |
| 348 RenderText {#text} at (65,5) size 19x68 | 348 RenderText {#text} at (65,5) size 19x68 |
| 349 text run at (65,5) width 68: "outer edge" | 349 text run at (65,5) width 68: "outer edge" |
| 350 RenderText {#text} at (65,73) size 19x82 | 350 RenderText {#text} at (65,73) size 19x82 |
| 351 text run at (65,73) width 82: " of its border." | 351 text run at (65,73) width 82: " of its border." |
| OLD | NEW |