| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x600 | 3 layer at (0,0) size 800x600 |
| 4 RenderBlock {HTML} at (0,0) size 800x600 | 4 RenderBlock {HTML} at (0,0) size 800x600 |
| 5 RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC] | 5 RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC] |
| 6 RenderBlock {P} at (0,0) size 784x16 | 6 RenderBlock {P} at (0,0) size 784x18 |
| 7 RenderText {#text} at (0,0) size 363x16 | 7 RenderText {#text} at (0,0) size 363x18 |
| 8 text run at (0,0) width 363: "The style declarations which apply to th
e text below are:" | 8 text run at (0,0) width 363: "The style declarations which apply to th
e text below are:" |
| 9 RenderBlock {PRE} at (0,32) size 784x39 | 9 RenderBlock {PRE} at (0,34) size 784x45 |
| 10 RenderText {#text} at (0,0) size 554x39 | 10 RenderText {#text} at (0,0) size 554x45 |
| 11 text run at (0,0) width 547: ".one {border-style: dashed; border-color
: black; border-width: thick;}" | 11 text run at (0,0) width 547: ".one {border-style: dashed; border-color
: black; border-width: thick;}" |
| 12 text run at (546,0) width 1: " " | 12 text run at (546,0) width 1: " " |
| 13 text run at (0,13) width 531: ".two {border-style: groove; border-colo
r: red; border-width: thick;}" | 13 text run at (0,15) width 531: ".two {border-style: groove; border-colo
r: red; border-width: thick;}" |
| 14 text run at (530,13) width 1: " " | 14 text run at (530,15) width 1: " " |
| 15 text run at (0,26) width 554: ".three {border-style: none; border-colo
r: purple; border-width: thick;}" | 15 text run at (0,30) width 554: ".three {border-style: none; border-colo
r: purple; border-width: thick;}" |
| 16 text run at (553,26) width 1: " " | 16 text run at (553,30) width 1: " " |
| 17 RenderBlock {HR} at (0,84) size 784x2 [border: (1px inset #EEEEEE)] | 17 RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #EEEEEE)] |
| 18 RenderBlock {P} at (0,102) size 784x48 [bgcolor=#C0C0C0] | 18 RenderBlock {P} at (0,110) size 784x54 [bgcolor=#C0C0C0] |
| 19 RenderText {#text} at (0,0) size 679x16 | 19 RenderText {#text} at (0,0) size 679x18 |
| 20 text run at (0,0) width 679: "This is an unstyled element, save for th
e background color, and it contains inline elements with classes of " | 20 text run at (0,0) width 679: "This is an unstyled element, save for th
e background color, and it contains inline elements with classes of " |
| 21 RenderInline {SPAN} at (0,0) size 70x26 [border: (5px dashed #000000)] | 21 RenderInline {SPAN} at (0,0) size 70x28 [border: (5px dashed #000000)] |
| 22 RenderText {#text} at (683,0) size 60x16 | 22 RenderText {#text} at (683,0) size 60x18 |
| 23 text run at (683,0) width 60: "class one" | 23 text run at (683,0) width 60: "class one" |
| 24 RenderText {#text} at (747,0) size 752x32 | 24 RenderText {#text} at (747,0) size 752x36 |
| 25 text run at (747,0) width 5: "," | 25 text run at (747,0) width 5: "," |
| 26 text run at (0,16) width 313: "which will result in a dashed thick bla
ck border; " | 26 text run at (0,18) width 313: "which will result in a dashed thick bla
ck border; " |
| 27 RenderInline {SPAN} at (0,0) size 70x26 [border: (5px groove #FF0000)] | 27 RenderInline {SPAN} at (0,0) size 70x28 [border: (5px groove #FF0000)] |
| 28 RenderText {#text} at (317,16) size 60x16 | 28 RenderText {#text} at (317,18) size 60x18 |
| 29 text run at (317,16) width 60: "class two" | 29 text run at (317,18) width 60: "class two" |
| 30 RenderText {#text} at (381,16) size 376x16 | 30 RenderText {#text} at (381,18) size 376x18 |
| 31 text run at (381,16) width 376: ", which should result in a grooved th
ick purple border, and" | 31 text run at (381,18) width 376: ", which should result in a grooved th
ick purple border, and" |
| 32 RenderInline {SPAN} at (0,0) size 68x16 | 32 RenderInline {SPAN} at (0,0) size 68x18 |
| 33 RenderText {#text} at (0,32) size 68x16 | 33 RenderText {#text} at (0,36) size 68x18 |
| 34 text run at (0,32) width 68: "class three" | 34 text run at (0,36) width 68: "class three" |
| 35 RenderText {#text} at (67,32) size 701x16 | 35 RenderText {#text} at (67,36) size 701x18 |
| 36 text run at (67,32) width 260: ", which should result in no border at
all. " | 36 text run at (67,36) width 260: ", which should result in no border at
all. " |
| 37 text run at (326,32) width 442: "The line-height of the parent element
should not change, on any line." | 37 text run at (326,36) width 442: "The line-height of the parent element
should not change, on any line." |
| 38 LayoutTable {TABLE} at (0,166) size 784x98 [border: (1px outset #808080)] | 38 LayoutTable {TABLE} at (0,180) size 784x108 [border: (1px outset #808080)] |
| 39 LayoutTableSection {TBODY} at (1,1) size 782x96 | 39 LayoutTableSection {TBODY} at (1,1) size 782x106 |
| 40 LayoutTableRow {TR} at (0,0) size 782x24 | 40 LayoutTableRow {TR} at (0,0) size 782x26 |
| 41 LayoutTableCell {TD} at (0,0) size 782x24 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] | 41 LayoutTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
| 42 RenderInline {STRONG} at (0,0) size 163x16 | 42 RenderInline {STRONG} at (0,0) size 163x18 |
| 43 RenderText {#text} at (4,4) size 163x16 | 43 RenderText {#text} at (4,4) size 163x18 |
| 44 text run at (4,4) width 163: "TABLE Testing Section" | 44 text run at (4,4) width 163: "TABLE Testing Section" |
| 45 LayoutTableRow {TR} at (0,24) size 782x72 | 45 LayoutTableRow {TR} at (0,26) size 782x80 |
| 46 LayoutTableCell {TD} at (0,48) size 12x24 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=1 c=0 rs=1 cs=1] | 46 LayoutTableCell {TD} at (0,53) size 12x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
| 47 RenderText {#text} at (4,4) size 4x16 | 47 RenderText {#text} at (4,4) size 4x18 |
| 48 text run at (4,4) width 4: " " | 48 text run at (4,4) width 4: " " |
| 49 LayoutTableCell {TD} at (12,24) size 770x72 [border: (1px inset #808
080)] [r=1 c=1 rs=1 cs=1] | 49 LayoutTableCell {TD} at (12,26) size 770x80 [border: (1px inset #808
080)] [r=1 c=1 rs=1 cs=1] |
| 50 RenderBlock {P} at (4,4) size 762x64 [bgcolor=#C0C0C0] | 50 RenderBlock {P} at (4,4) size 762x72 [bgcolor=#C0C0C0] |
| 51 RenderText {#text} at (0,0) size 679x16 | 51 RenderText {#text} at (0,0) size 679x18 |
| 52 text run at (0,0) width 679: "This is an unstyled element, sav
e for the background color, and it contains inline elements with classes of " | 52 text run at (0,0) width 679: "This is an unstyled element, sav
e for the background color, and it contains inline elements with classes of " |
| 53 RenderInline {SPAN} at (0,0) size 70x26 [border: (5px dashed #00
0000)] | 53 RenderInline {SPAN} at (0,0) size 70x28 [border: (5px dashed #00
0000)] |
| 54 RenderText {#text} at (683,0) size 60x16 | 54 RenderText {#text} at (683,0) size 60x18 |
| 55 text run at (683,0) width 60: "class one" | 55 text run at (683,0) width 60: "class one" |
| 56 RenderText {#text} at (747,0) size 752x32 | 56 RenderText {#text} at (747,0) size 752x36 |
| 57 text run at (747,0) width 5: "," | 57 text run at (747,0) width 5: "," |
| 58 text run at (0,16) width 313: "which will result in a dashed t
hick black border; " | 58 text run at (0,18) width 313: "which will result in a dashed t
hick black border; " |
| 59 RenderInline {SPAN} at (0,0) size 70x26 [border: (5px groove #FF
0000)] | 59 RenderInline {SPAN} at (0,0) size 70x28 [border: (5px groove #FF
0000)] |
| 60 RenderText {#text} at (317,16) size 60x16 | 60 RenderText {#text} at (317,18) size 60x18 |
| 61 text run at (317,16) width 60: "class two" | 61 text run at (317,18) width 60: "class two" |
| 62 RenderText {#text} at (381,16) size 376x16 | 62 RenderText {#text} at (381,18) size 376x18 |
| 63 text run at (381,16) width 376: ", which should result in a gr
ooved thick purple border, and" | 63 text run at (381,18) width 376: ", which should result in a gr
ooved thick purple border, and" |
| 64 RenderInline {SPAN} at (0,0) size 68x16 | 64 RenderInline {SPAN} at (0,0) size 68x18 |
| 65 RenderText {#text} at (0,32) size 68x16 | 65 RenderText {#text} at (0,36) size 68x18 |
| 66 text run at (0,32) width 68: "class three" | 66 text run at (0,36) width 68: "class three" |
| 67 RenderText {#text} at (67,32) size 736x32 | 67 RenderText {#text} at (67,36) size 736x36 |
| 68 text run at (67,32) width 260: ", which should result in no bo
rder at all. " | 68 text run at (67,36) width 260: ", which should result in no bo
rder at all. " |
| 69 text run at (326,32) width 410: "The line-height of the parent
element should not change, on any" | 69 text run at (326,36) width 410: "The line-height of the parent
element should not change, on any" |
| 70 text run at (0,48) width 28: "line." | 70 text run at (0,54) width 28: "line." |
| OLD | NEW |