OLD | NEW |
1 layer at (0,0) size 800x600 scrollWidth 802 scrollHeight 927 | 1 layer at (0,0) size 800x600 scrollWidth 802 scrollHeight 1005 |
2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
3 layer at (0,0) size 800x927 backgroundClip at (0,0) size 800x600 clip at (0,0) s
ize 800x600 outlineClip at (0,0) size 800x600 | 3 layer at (0,0) size 800x1005 backgroundClip at (0,0) size 800x600 clip at (0,0)
size 800x600 outlineClip at (0,0) size 800x600 |
4 RenderBlock {HTML} at (0,0) size 800x927 | 4 RenderBlock {HTML} at (0,0) size 800x1005 |
5 RenderBody {BODY} at (8,8) size 784x911 [bgcolor=#CCCCCC] | 5 RenderBody {BODY} at (8,8) size 784x989 [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 784x78 | 9 RenderBlock {PRE} at (0,34) size 784x90 |
10 RenderText {#text} at (0,0) size 547x78 | 10 RenderText {#text} at (0,0) size 547x90 |
11 text run at (0,0) width 539: ".zero {background-color: silver; margin-
right: 0; text-align: right;}" | 11 text run at (0,0) width 539: ".zero {background-color: silver; margin-
right: 0; text-align: right;}" |
12 text run at (538,0) width 1: " " | 12 text run at (538,0) width 1: " " |
13 text run at (0,13) width 547: ".one {margin-right: 0.5in; text-align:
right; background-color: aqua;}" | 13 text run at (0,15) width 547: ".one {margin-right: 0.5in; text-align:
right; background-color: aqua;}" |
14 text run at (546,13) width 1: " " | 14 text run at (546,15) width 1: " " |
15 text run at (0,26) width 539: ".two {margin-right: 25px; text-align: r
ight; background-color: aqua;}" | 15 text run at (0,30) width 539: ".two {margin-right: 25px; text-align: r
ight; background-color: aqua;}" |
16 text run at (538,26) width 1: " " | 16 text run at (538,30) width 1: " " |
17 text run at (0,39) width 547: ".three {margin-right: 5em; text-align:
right; background-color: aqua;}" | 17 text run at (0,45) width 547: ".three {margin-right: 5em; text-align:
right; background-color: aqua;}" |
18 text run at (546,39) width 1: " " | 18 text run at (546,45) width 1: " " |
19 text run at (0,52) width 539: ".four {margin-right: 25%; text-align: r
ight; background-color: aqua;}" | 19 text run at (0,60) width 539: ".four {margin-right: 25%; text-align: r
ight; background-color: aqua;}" |
20 text run at (538,52) width 1: " " | 20 text run at (538,60) width 1: " " |
21 text run at (0,65) width 406: ".five {margin-right: -10px; background-
color: aqua;}" | 21 text run at (0,75) width 406: ".five {margin-right: -10px; background-
color: aqua;}" |
22 text run at (405,65) width 1: " " | 22 text run at (405,75) width 1: " " |
23 RenderBlock {HR} at (0,123) size 784x2 [border: (1px inset #EEEEEE)] | 23 RenderBlock {HR} at (0,137) size 784x2 [border: (1px inset #EEEEEE)] |
24 RenderBlock {P} at (0,141) size 784x16 [bgcolor=#C0C0C0] | 24 RenderBlock {P} at (0,155) size 784x18 [bgcolor=#C0C0C0] |
25 RenderText {#text} at (576,0) size 208x16 | 25 RenderText {#text} at (576,0) size 208x18 |
26 text run at (576,0) width 208: "This element has a class of zero." | 26 text run at (576,0) width 208: "This element has a class of zero." |
27 RenderBlock {P} at (0,173) size 736x16 [bgcolor=#00FFFF] | 27 RenderBlock {P} at (0,189) size 736x18 [bgcolor=#00FFFF] |
28 RenderText {#text} at (372,0) size 364x16 | 28 RenderText {#text} at (372,0) size 364x18 |
29 text run at (372,0) width 364: "This sentence should have a right marg
in of half an inch." | 29 text run at (372,0) width 364: "This sentence should have a right marg
in of half an inch." |
30 RenderBlock {P} at (0,205) size 759x16 [bgcolor=#00FFFF] | 30 RenderBlock {P} at (0,223) size 759x18 [bgcolor=#00FFFF] |
31 RenderText {#text} at (412,0) size 347x16 | 31 RenderText {#text} at (412,0) size 347x18 |
32 text run at (412,0) width 347: "This sentence should have a right marg
in of 25 pixels." | 32 text run at (412,0) width 347: "This sentence should have a right marg
in of 25 pixels." |
33 RenderBlock {P} at (0,237) size 704x16 [bgcolor=#00FFFF] | 33 RenderBlock {P} at (0,257) size 704x18 [bgcolor=#00FFFF] |
34 RenderText {#text} at (384,0) size 320x16 | 34 RenderText {#text} at (384,0) size 320x18 |
35 text run at (384,0) width 320: "This sentence should have a right marg
in of 5 em." | 35 text run at (384,0) width 320: "This sentence should have a right marg
in of 5 em." |
36 RenderBlock {P} at (0,269) size 588x32 [bgcolor=#00FFFF] | 36 RenderBlock {P} at (0,291) size 588x36 [bgcolor=#00FFFF] |
37 RenderText {#text} at (21,0) size 567x32 | 37 RenderText {#text} at (21,0) size 567x36 |
38 text run at (21,0) width 567: "This sentence should have a right margi
n of 25%, which is calculated with respect to the" | 38 text run at (21,0) width 567: "This sentence should have a right margi
n of 25%, which is calculated with respect to the" |
39 text run at (408,16) width 180: "width of the parent element." | 39 text run at (408,18) width 180: "width of the parent element." |
40 RenderBlock {UL} at (0,317) size 759x80 [bgcolor=#808080] | 40 RenderBlock {UL} at (0,343) size 759x90 [bgcolor=#808080] |
41 RenderListItem {LI} at (40,0) size 719x16 | 41 RenderListItem {LI} at (40,0) size 719x18 |
42 RenderListMarker at (-16,0) size 6x16: bullet | 42 RenderListMarker at (-17,0) size 7x18: bullet |
43 RenderText {#text} at (5,0) size 714x16 | 43 RenderText {#text} at (5,0) size 714x18 |
44 text run at (5,0) width 714: "The right margin on this unordered lis
t has been set to 25 pixels, and the background color has been set to gray." | 44 text run at (5,0) width 714: "The right margin on this unordered lis
t has been set to 25 pixels, and the background color has been set to gray." |
45 RenderListItem {LI} at (40,16) size 694x48 [bgcolor=#FFFFFF] | 45 RenderListItem {LI} at (40,18) size 694x54 [bgcolor=#FFFFFF] |
46 RenderListMarker at (-16,0) size 6x16: bullet | 46 RenderListMarker at (-17,0) size 7x18: bullet |
47 RenderText {#text} at (24,0) size 694x48 | 47 RenderText {#text} at (24,0) size 694x54 |
48 text run at (24,0) width 670: "Another list item might not be such a
bad idea, either, considering that such things do need to be double-" | 48 text run at (24,0) width 670: "Another list item might not be such a
bad idea, either, considering that such things do need to be double-" |
49 text run at (0,16) width 61: "checked. " | 49 text run at (0,18) width 61: "checked. " |
50 text run at (60,16) width 634: "This list item has its right margin
also set to 25 pixels, which should combine with the list's margin" | 50 text run at (60,18) width 634: "This list item has its right margin
also set to 25 pixels, which should combine with the list's margin" |
51 text run at (204,32) width 490: "to make 50 pixels of margin, and it
s background-color has been set to white." | 51 text run at (204,36) width 490: "to make 50 pixels of margin, and it
s background-color has been set to white." |
52 RenderListItem {LI} at (40,64) size 719x16 | 52 RenderListItem {LI} at (40,72) size 719x18 |
53 RenderListMarker at (-16,0) size 6x16: bullet | 53 RenderListMarker at (-17,0) size 7x18: bullet |
54 RenderText {#text} at (534,0) size 185x16 | 54 RenderText {#text} at (534,0) size 185x18 |
55 text run at (534,0) width 185: "This is an unclassed list item" | 55 text run at (534,0) width 185: "This is an unclassed list item" |
56 RenderBlock {P} at (0,413) size 784x16 [bgcolor=#C0C0C0] | 56 RenderBlock {P} at (0,449) size 784x18 [bgcolor=#C0C0C0] |
57 RenderText {#text} at (576,0) size 208x16 | 57 RenderText {#text} at (576,0) size 208x18 |
58 text run at (576,0) width 208: "This element has a class of zero." | 58 text run at (576,0) width 208: "This element has a class of zero." |
59 RenderBlock {P} at (0,445) size 794x48 [bgcolor=#00FFFF] | 59 RenderBlock {P} at (0,483) size 794x54 [bgcolor=#00FFFF] |
60 RenderText {#text} at (0,0) size 793x48 | 60 RenderText {#text} at (0,0) size 793x54 |
61 text run at (0,0) width 783: "This paragraph has a right margin of -10
px, which should cause it to be wider than it might otherwise be, and it has a l
ight" | 61 text run at (0,0) width 783: "This paragraph has a right margin of -10
px, which should cause it to be wider than it might otherwise be, and it has a l
ight" |
62 text run at (0,16) width 116: "blue background. " | 62 text run at (0,18) width 116: "blue background. " |
63 text run at (115,16) width 395: "In all other respects, however, the e
lement should be normal. " | 63 text run at (115,18) width 395: "In all other respects, however, the e
lement should be normal. " |
64 text run at (509,16) width 284: "No styles have been applied to it bes
ides the" | 64 text run at (509,18) width 284: "No styles have been applied to it bes
ides the" |
65 text run at (0,32) width 309: "negative right margin and the backgroun
d color." | 65 text run at (0,36) width 309: "negative right margin and the backgroun
d color." |
66 LayoutTable {TABLE} at (0,509) size 784x402 [border: (1px outset #808080)] | 66 LayoutTable {TABLE} at (0,553) size 784x436 [border: (1px outset #808080)] |
67 LayoutTableSection {TBODY} at (1,1) size 782x400 | 67 LayoutTableSection {TBODY} at (1,1) size 782x434 |
68 LayoutTableRow {TR} at (0,0) size 782x24 | 68 LayoutTableRow {TR} at (0,0) size 782x26 |
69 LayoutTableCell {TD} at (0,0) size 782x24 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] | 69 LayoutTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
70 RenderInline {STRONG} at (0,0) size 163x16 | 70 RenderInline {STRONG} at (0,0) size 163x18 |
71 RenderText {#text} at (4,4) size 163x16 | 71 RenderText {#text} at (4,4) size 163x18 |
72 text run at (4,4) width 163: "TABLE Testing Section" | 72 text run at (4,4) width 163: "TABLE Testing Section" |
73 LayoutTableRow {TR} at (0,24) size 782x376 | 73 LayoutTableRow {TR} at (0,26) size 782x408 |
74 LayoutTableCell {TD} at (0,200) size 12x24 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] | 74 LayoutTableCell {TD} at (0,217) size 12x26 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
75 RenderText {#text} at (4,4) size 4x16 | 75 RenderText {#text} at (4,4) size 4x18 |
76 text run at (4,4) width 4: " " | 76 text run at (4,4) width 4: " " |
77 LayoutTableCell {TD} at (12,24) size 770x376 [border: (1px inset #80
8080)] [r=1 c=1 rs=1 cs=1] | 77 LayoutTableCell {TD} at (12,26) size 770x408 [border: (1px inset #80
8080)] [r=1 c=1 rs=1 cs=1] |
78 RenderBlock {P} at (4,4) size 762x16 [bgcolor=#C0C0C0] | 78 RenderBlock {P} at (4,4) size 762x18 [bgcolor=#C0C0C0] |
79 RenderText {#text} at (554,0) size 208x16 | 79 RenderText {#text} at (554,0) size 208x18 |
80 text run at (554,0) width 208: "This element has a class of ze
ro." | 80 text run at (554,0) width 208: "This element has a class of ze
ro." |
81 RenderBlock {P} at (4,36) size 714x16 [bgcolor=#00FFFF] | 81 RenderBlock {P} at (4,38) size 714x18 [bgcolor=#00FFFF] |
82 RenderText {#text} at (350,0) size 364x16 | 82 RenderText {#text} at (350,0) size 364x18 |
83 text run at (350,0) width 364: "This sentence should have a ri
ght margin of half an inch." | 83 text run at (350,0) width 364: "This sentence should have a ri
ght margin of half an inch." |
84 RenderBlock {P} at (4,68) size 737x16 [bgcolor=#00FFFF] | 84 RenderBlock {P} at (4,72) size 737x18 [bgcolor=#00FFFF] |
85 RenderText {#text} at (390,0) size 347x16 | 85 RenderText {#text} at (390,0) size 347x18 |
86 text run at (390,0) width 347: "This sentence should have a ri
ght margin of 25 pixels." | 86 text run at (390,0) width 347: "This sentence should have a ri
ght margin of 25 pixels." |
87 RenderBlock {P} at (4,100) size 682x16 [bgcolor=#00FFFF] | 87 RenderBlock {P} at (4,106) size 682x18 [bgcolor=#00FFFF] |
88 RenderText {#text} at (362,0) size 320x16 | 88 RenderText {#text} at (362,0) size 320x18 |
89 text run at (362,0) width 320: "This sentence should have a ri
ght margin of 5 em." | 89 text run at (362,0) width 320: "This sentence should have a ri
ght margin of 5 em." |
90 RenderBlock {P} at (4,132) size 571.50x32 [bgcolor=#00FFFF] | 90 RenderBlock {P} at (4,140) size 571.50x36 [bgcolor=#00FFFF] |
91 RenderText {#text} at (5,0) size 567x32 | 91 RenderText {#text} at (5,0) size 567x36 |
92 text run at (5,0) width 567: "This sentence should have a righ
t margin of 25%, which is calculated with respect to the" | 92 text run at (5,0) width 567: "This sentence should have a righ
t margin of 25%, which is calculated with respect to the" |
93 text run at (391,16) width 181: "width of the parent element." | 93 text run at (391,18) width 181: "width of the parent element." |
94 RenderBlock {UL} at (4,180) size 737x96 [bgcolor=#808080] | 94 RenderBlock {UL} at (4,192) size 737x108 [bgcolor=#808080] |
95 RenderListItem {LI} at (40,0) size 697x32 | 95 RenderListItem {LI} at (40,0) size 697x36 |
96 RenderListMarker at (-16,0) size 6x16: bullet | 96 RenderListMarker at (-17,0) size 7x18: bullet |
97 RenderText {#text} at (20,0) size 677x32 | 97 RenderText {#text} at (20,0) size 677x36 |
98 text run at (20,0) width 677: "The right margin on this unor
dered list has been set to 25 pixels, and the background color has been set to" | 98 text run at (20,0) width 677: "The right margin on this unor
dered list has been set to 25 pixels, and the background color has been set to" |
99 text run at (664,16) width 33: "gray." | 99 text run at (664,18) width 33: "gray." |
100 RenderListItem {LI} at (40,32) size 672x48 [bgcolor=#FFFFFF] | 100 RenderListItem {LI} at (40,36) size 672x54 [bgcolor=#FFFFFF] |
101 RenderListMarker at (-16,0) size 6x16: bullet | 101 RenderListMarker at (-17,0) size 7x18: bullet |
102 RenderText {#text} at (2,0) size 670x48 | 102 RenderText {#text} at (2,0) size 670x54 |
103 text run at (2,0) width 670: "Another list item might not be
such a bad idea, either, considering that such things do need to be double-" | 103 text run at (2,0) width 670: "Another list item might not be
such a bad idea, either, considering that such things do need to be double-" |
104 text run at (27,16) width 61: "checked. " | 104 text run at (27,18) width 61: "checked. " |
105 text run at (87,16) width 585: "This list item has its right
margin also set to 25 pixels, which should combine with the list's" | 105 text run at (87,18) width 585: "This list item has its right
margin also set to 25 pixels, which should combine with the list's" |
106 text run at (133,32) width 539: "margin to make 50 pixels of
margin, and its background-color has been set to white." | 106 text run at (133,36) width 539: "margin to make 50 pixels of
margin, and its background-color has been set to white." |
107 RenderListItem {LI} at (40,80) size 697x16 | 107 RenderListItem {LI} at (40,90) size 697x18 |
108 RenderListMarker at (-16,0) size 6x16: bullet | 108 RenderListMarker at (-17,0) size 7x18: bullet |
109 RenderText {#text} at (512,0) size 185x16 | 109 RenderText {#text} at (512,0) size 185x18 |
110 text run at (512,0) width 185: "This is an unclassed list it
em" | 110 text run at (512,0) width 185: "This is an unclassed list it
em" |
111 RenderBlock {P} at (4,292) size 762x16 [bgcolor=#C0C0C0] | 111 RenderBlock {P} at (4,316) size 762x18 [bgcolor=#C0C0C0] |
112 RenderText {#text} at (554,0) size 208x16 | 112 RenderText {#text} at (554,0) size 208x18 |
113 text run at (554,0) width 208: "This element has a class of ze
ro." | 113 text run at (554,0) width 208: "This element has a class of ze
ro." |
114 RenderBlock {P} at (4,324) size 772x48 [bgcolor=#00FFFF] | 114 RenderBlock {P} at (4,350) size 772x54 [bgcolor=#00FFFF] |
115 RenderText {#text} at (0,0) size 752x48 | 115 RenderText {#text} at (0,0) size 752x54 |
116 text run at (0,0) width 749: "This paragraph has a right margi
n of -10px, which should cause it to be wider than it might otherwise be, and it
has a" | 116 text run at (0,0) width 749: "This paragraph has a right margi
n of -10px, which should cause it to be wider than it might otherwise be, and it
has a" |
117 text run at (0,16) width 149: "light blue background. " | 117 text run at (0,18) width 149: "light blue background. " |
118 text run at (148,16) width 395: "In all other respects, howeve
r, the element should be normal. " | 118 text run at (148,18) width 395: "In all other respects, howeve
r, the element should be normal. " |
119 text run at (542,16) width 210: "No styles have been applied t
o it" | 119 text run at (542,18) width 210: "No styles have been applied t
o it" |
120 text run at (0,32) width 384: "besides the negative right marg
in and the background color." | 120 text run at (0,36) width 384: "besides the negative right marg
in and the background color." |
OLD | NEW |