OLD | NEW |
1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 927 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1005 |
2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
3 layer at (0,0) size 785x927 backgroundClip at (0,0) size 785x600 clip at (0,0) s
ize 785x600 outlineClip at (0,0) size 785x600 | 3 layer at (0,0) size 785x1005 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 |
4 RenderBlock {HTML} at (0,0) size 785x927 | 4 RenderBlock {HTML} at (0,0) size 785x1005 |
5 RenderBody {BODY} at (8,8) size 769x911 [bgcolor=#CCCCCC] | 5 RenderBody {BODY} at (8,8) size 769x989 [bgcolor=#CCCCCC] |
6 RenderBlock {P} at (0,0) size 769x16 | 6 RenderBlock {P} at (0,0) size 769x18 |
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 769x78 | 9 RenderBlock {PRE} at (0,34) size 769x90 |
10 RenderText {#text} at (0,0) size 398x78 | 10 RenderText {#text} at (0,0) size 398x90 |
11 text run at (0,0) width 383: ".zero {background-color: silver; margin-
left: 0;}" | 11 text run at (0,0) width 383: ".zero {background-color: silver; margin-
left: 0;}" |
12 text run at (382,0) width 1: " " | 12 text run at (382,0) width 1: " " |
13 text run at (0,13) width 391: ".one {margin-left: 0.5in; background-co
lor: aqua;}" | 13 text run at (0,15) width 391: ".one {margin-left: 0.5in; background-co
lor: aqua;}" |
14 text run at (390,13) width 1: " " | 14 text run at (390,15) width 1: " " |
15 text run at (0,26) width 383: ".two {margin-left: 25px; background-col
or: aqua;}" | 15 text run at (0,30) width 383: ".two {margin-left: 25px; background-col
or: aqua;}" |
16 text run at (382,26) width 1: " " | 16 text run at (382,30) width 1: " " |
17 text run at (0,39) width 391: ".three {margin-left: 5em; background-co
lor: aqua;}" | 17 text run at (0,45) width 391: ".three {margin-left: 5em; background-co
lor: aqua;}" |
18 text run at (390,39) width 1: " " | 18 text run at (390,45) width 1: " " |
19 text run at (0,52) width 383: ".four {margin-left: 25%; background-col
or: aqua;}" | 19 text run at (0,60) width 383: ".four {margin-left: 25%; background-col
or: aqua;}" |
20 text run at (382,52) width 1: " " | 20 text run at (382,60) width 1: " " |
21 text run at (0,65) width 398: ".five {margin-left: -10px; background-c
olor: aqua;}" | 21 text run at (0,75) width 398: ".five {margin-left: -10px; background-c
olor: aqua;}" |
22 text run at (397,65) width 1: " " | 22 text run at (397,75) width 1: " " |
23 RenderBlock {HR} at (0,123) size 769x2 [border: (1px inset #EEEEEE)] | 23 RenderBlock {HR} at (0,137) size 769x2 [border: (1px inset #EEEEEE)] |
24 RenderBlock {P} at (0,141) size 769x16 [bgcolor=#C0C0C0] | 24 RenderBlock {P} at (0,155) size 769x18 [bgcolor=#C0C0C0] |
25 RenderText {#text} at (0,0) size 208x16 | 25 RenderText {#text} at (0,0) size 208x18 |
26 text run at (0,0) width 208: "This element has a class of zero." | 26 text run at (0,0) width 208: "This element has a class of zero." |
27 RenderBlock {P} at (48,173) size 721x16 [bgcolor=#00FFFF] | 27 RenderBlock {P} at (48,189) size 721x18 [bgcolor=#00FFFF] |
28 RenderText {#text} at (0,0) size 355x16 | 28 RenderText {#text} at (0,0) size 355x18 |
29 text run at (0,0) width 355: "This sentence should have a left margin
of half an inch." | 29 text run at (0,0) width 355: "This sentence should have a left margin
of half an inch." |
30 RenderBlock {P} at (25,205) size 744x16 [bgcolor=#00FFFF] | 30 RenderBlock {P} at (25,223) size 744x18 [bgcolor=#00FFFF] |
31 RenderText {#text} at (0,0) size 338x16 | 31 RenderText {#text} at (0,0) size 338x18 |
32 text run at (0,0) width 338: "This sentence should have a left margin
of 25 pixels." | 32 text run at (0,0) width 338: "This sentence should have a left margin
of 25 pixels." |
33 RenderBlock {P} at (80,237) size 689x16 [bgcolor=#00FFFF] | 33 RenderBlock {P} at (80,257) size 689x18 [bgcolor=#00FFFF] |
34 RenderText {#text} at (0,0) size 312x16 | 34 RenderText {#text} at (0,0) size 312x18 |
35 text run at (0,0) width 312: "This sentence should have a left margin
of 5 em." | 35 text run at (0,0) width 312: "This sentence should have a left margin
of 5 em." |
36 RenderBlock {P} at (192.25,269) size 576.75x32 [bgcolor=#00FFFF] | 36 RenderBlock {P} at (192.25,291) size 576.75x36 [bgcolor=#00FFFF] |
37 RenderText {#text} at (0,0) size 558x32 | 37 RenderText {#text} at (0,0) size 558x36 |
38 text run at (0,0) width 558: "This sentence should have a left margin
of 25%, which is calculated with respect to the" | 38 text run at (0,0) width 558: "This sentence should have a left margin
of 25%, which is calculated with respect to the" |
39 text run at (0,16) width 180: "width of the parent element." | 39 text run at (0,18) width 180: "width of the parent element." |
40 RenderBlock {UL} at (25,317) size 744x80 [bgcolor=#808080] | 40 RenderBlock {UL} at (25,343) size 744x90 [bgcolor=#808080] |
41 RenderListItem {LI} at (40,0) size 704x16 | 41 RenderListItem {LI} at (40,0) size 704x18 |
42 RenderListMarker at (-16,0) size 6x16: bullet | 42 RenderListMarker at (-17,0) size 7x18: bullet |
43 RenderText {#text} at (0,0) size 700x16 | 43 RenderText {#text} at (0,0) size 700x18 |
44 text run at (0,0) width 700: "The left margin on this unordered list
has been set to 25 pixels, and its background color has been set to gray." | 44 text run at (0,0) width 700: "The left margin on this unordered list
has been set to 25 pixels, and its background color has been set to gray." |
45 RenderListItem {LI} at (65,16) size 679x48 [bgcolor=#FFFFFF] | 45 RenderListItem {LI} at (65,18) size 679x54 [bgcolor=#FFFFFF] |
46 RenderListMarker at (-16,0) size 6x16: bullet | 46 RenderListMarker at (-17,0) size 7x18: bullet |
47 RenderText {#text} at (0,0) size 670x48 | 47 RenderText {#text} at (0,0) size 670x54 |
48 text run at (0,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 (0,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 576: "This list item has its left margin a
lso set to 25 pixels, which should combine with the list's" | 50 text run at (60,18) width 576: "This list item has its left margin a
lso set to 25 pixels, which should combine with the list's" |
51 text run at (0,32) width 538: "margin to make 50 pixels of margin, a
nd its background color has been set to white." | 51 text run at (0,36) width 538: "margin to make 50 pixels of margin, a
nd its background color has been set to white." |
52 RenderListItem {LI} at (40,64) size 704x16 | 52 RenderListItem {LI} at (40,72) size 704x18 |
53 RenderListMarker at (-16,0) size 6x16: bullet | 53 RenderListMarker at (-17,0) size 7x18: bullet |
54 RenderText {#text} at (0,0) size 185x16 | 54 RenderText {#text} at (0,0) size 185x18 |
55 text run at (0,0) width 185: "This is an unclassed list item" | 55 text run at (0,0) width 185: "This is an unclassed list item" |
56 RenderBlock {P} at (0,413) size 769x16 [bgcolor=#C0C0C0] | 56 RenderBlock {P} at (0,449) size 769x18 [bgcolor=#C0C0C0] |
57 RenderText {#text} at (0,0) size 208x16 | 57 RenderText {#text} at (0,0) size 208x18 |
58 text run at (0,0) width 208: "This element has a class of zero." | 58 text run at (0,0) width 208: "This element has a class of zero." |
59 RenderBlock {P} at (-10,445) size 779x48 [bgcolor=#00FFFF] | 59 RenderBlock {P} at (-10,483) size 779x54 [bgcolor=#00FFFF] |
60 RenderText {#text} at (0,0) size 774x48 | 60 RenderText {#text} at (0,0) size 774x54 |
61 text run at (0,0) width 774: "This paragraph has a left margin of -10p
x, which should cause it to be wider than it might otherwise be, and it has a li
ght" | 61 text run at (0,0) width 774: "This paragraph has a left margin of -10p
x, which should cause it to be wider than it might otherwise be, and it has a li
ght" |
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 261: "No styles have been applied to it bes
ides" | 64 text run at (509,18) width 261: "No styles have been applied to it bes
ides" |
65 text run at (0,32) width 324: "the negative left margin and the backgr
ound color." | 65 text run at (0,36) width 324: "the negative left margin and the backgr
ound color." |
66 LayoutTable {TABLE} at (0,509) size 769x402 [border: (1px outset #808080)] | 66 LayoutTable {TABLE} at (0,553) size 769x436 [border: (1px outset #808080)] |
67 LayoutTableSection {TBODY} at (1,1) size 767x400 | 67 LayoutTableSection {TBODY} at (1,1) size 767x434 |
68 LayoutTableRow {TR} at (0,0) size 767x24 | 68 LayoutTableRow {TR} at (0,0) size 767x26 |
69 LayoutTableCell {TD} at (0,0) size 767x24 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] | 69 LayoutTableCell {TD} at (0,0) size 767x26 [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 767x376 | 73 LayoutTableRow {TR} at (0,26) size 767x408 |
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 755x376 [border: (1px inset #80
8080)] [r=1 c=1 rs=1 cs=1] | 77 LayoutTableCell {TD} at (12,26) size 755x408 [border: (1px inset #80
8080)] [r=1 c=1 rs=1 cs=1] |
78 RenderBlock {P} at (4,4) size 747x16 [bgcolor=#C0C0C0] | 78 RenderBlock {P} at (4,4) size 747x18 [bgcolor=#C0C0C0] |
79 RenderText {#text} at (0,0) size 208x16 | 79 RenderText {#text} at (0,0) size 208x18 |
80 text run at (0,0) width 208: "This element has a class of zero
." | 80 text run at (0,0) width 208: "This element has a class of zero
." |
81 RenderBlock {P} at (52,36) size 699x16 [bgcolor=#00FFFF] | 81 RenderBlock {P} at (52,38) size 699x18 [bgcolor=#00FFFF] |
82 RenderText {#text} at (0,0) size 355x16 | 82 RenderText {#text} at (0,0) size 355x18 |
83 text run at (0,0) width 355: "This sentence should have a left
margin of half an inch." | 83 text run at (0,0) width 355: "This sentence should have a left
margin of half an inch." |
84 RenderBlock {P} at (29,68) size 722x16 [bgcolor=#00FFFF] | 84 RenderBlock {P} at (29,72) size 722x18 [bgcolor=#00FFFF] |
85 RenderText {#text} at (0,0) size 338x16 | 85 RenderText {#text} at (0,0) size 338x18 |
86 text run at (0,0) width 338: "This sentence should have a left
margin of 25 pixels." | 86 text run at (0,0) width 338: "This sentence should have a left
margin of 25 pixels." |
87 RenderBlock {P} at (84,100) size 667x16 [bgcolor=#00FFFF] | 87 RenderBlock {P} at (84,106) size 667x18 [bgcolor=#00FFFF] |
88 RenderText {#text} at (0,0) size 312x16 | 88 RenderText {#text} at (0,0) size 312x18 |
89 text run at (0,0) width 312: "This sentence should have a left
margin of 5 em." | 89 text run at (0,0) width 312: "This sentence should have a left
margin of 5 em." |
90 RenderBlock {P} at (190.75,132) size 560.25x32 [bgcolor=#00FFFF] | 90 RenderBlock {P} at (190.75,140) size 560.25x36 [bgcolor=#00FFFF] |
91 RenderText {#text} at (0,0) size 558x32 | 91 RenderText {#text} at (0,0) size 558x36 |
92 text run at (0,0) width 558: "This sentence should have a left
margin of 25%, which is calculated with respect to the" | 92 text run at (0,0) width 558: "This sentence should have a left
margin of 25%, which is calculated with respect to the" |
93 text run at (0,16) width 180: "width of the parent element." | 93 text run at (0,18) width 180: "width of the parent element." |
94 RenderBlock {UL} at (29,180) size 722x96 [bgcolor=#808080] | 94 RenderBlock {UL} at (29,192) size 722x108 [bgcolor=#808080] |
95 RenderListItem {LI} at (40,0) size 682x32 | 95 RenderListItem {LI} at (40,0) size 682x36 |
96 RenderListMarker at (-16,0) size 6x16: bullet | 96 RenderListMarker at (-17,0) size 7x18: bullet |
97 RenderText {#text} at (0,0) size 664x32 | 97 RenderText {#text} at (0,0) size 664x36 |
98 text run at (0,0) width 664: "The left margin on this unorde
red list has been set to 25 pixels, and its background color has been set to" | 98 text run at (0,0) width 664: "The left margin on this unorde
red list has been set to 25 pixels, and its background color has been set to" |
99 text run at (0,16) width 33: "gray." | 99 text run at (0,18) width 33: "gray." |
100 RenderListItem {LI} at (65,32) size 657x48 [bgcolor=#FFFFFF] | 100 RenderListItem {LI} at (65,36) size 657x54 [bgcolor=#FFFFFF] |
101 RenderListMarker at (-16,0) size 6x16: bullet | 101 RenderListMarker at (-17,0) size 7x18: bullet |
102 RenderText {#text} at (0,0) size 652x48 | 102 RenderText {#text} at (0,0) size 652x54 |
103 text run at (0,0) width 617: "Another list item might not be
such a bad idea, either, considering that such things do need to be" | 103 text run at (0,0) width 617: "Another list item might not be
such a bad idea, either, considering that such things do need to be" |
104 text run at (0,16) width 110: "double-checked. " | 104 text run at (0,18) width 110: "double-checked. " |
105 text run at (109,16) width 543: "This list item has its left
margin also set to 25 pixels, which should combine with the" | 105 text run at (109,18) width 543: "This list item has its left
margin also set to 25 pixels, which should combine with the" |
106 text run at (0,32) width 570: "list's margin to make 50 pixe
ls of margin, and its background color has been set to white." | 106 text run at (0,36) width 570: "list's margin to make 50 pixe
ls of margin, and its background color has been set to white." |
107 RenderListItem {LI} at (40,80) size 682x16 | 107 RenderListItem {LI} at (40,90) size 682x18 |
108 RenderListMarker at (-16,0) size 6x16: bullet | 108 RenderListMarker at (-17,0) size 7x18: bullet |
109 RenderText {#text} at (0,0) size 185x16 | 109 RenderText {#text} at (0,0) size 185x18 |
110 text run at (0,0) width 185: "This is an unclassed list item
" | 110 text run at (0,0) width 185: "This is an unclassed list item
" |
111 RenderBlock {P} at (4,292) size 747x16 [bgcolor=#C0C0C0] | 111 RenderBlock {P} at (4,316) size 747x18 [bgcolor=#C0C0C0] |
112 RenderText {#text} at (0,0) size 208x16 | 112 RenderText {#text} at (0,0) size 208x18 |
113 text run at (0,0) width 208: "This element has a class of zero
." | 113 text run at (0,0) width 208: "This element has a class of zero
." |
114 RenderBlock {P} at (-6,324) size 757x48 [bgcolor=#00FFFF] | 114 RenderBlock {P} at (-6,350) size 757x54 [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 740: "This paragraph has a left margin
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 740: "This paragraph has a left margin
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 375: "besides the negative left margi
n and the background color." | 120 text run at (0,36) width 375: "besides the negative left margi
n and the background color." |
OLD | NEW |