| 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 |