OLD | NEW |
1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1456 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1592 |
2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
3 layer at (0,0) size 785x1456 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | 3 layer at (0,0) size 785x1592 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 785x1456 | 4 RenderBlock {HTML} at (0,0) size 785x1592 |
5 RenderBody {BODY} at (8,8) size 769x1440 [bgcolor=#CCCCCC] | 5 RenderBody {BODY} at (8,8) size 769x1576 [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 769x143 | 9 RenderBlock {PRE} at (0,34) size 769x165 |
10 RenderText {#text} at (0,0) size 609x143 | 10 RenderText {#text} at (0,0) size 609x165 |
11 text run at (0,0) width 180: ".zero {margin-left: 0;}" | 11 text run at (0,0) width 180: ".zero {margin-left: 0;}" |
12 text run at (179,0) width 1: " " | 12 text run at (179,0) width 1: " " |
13 text run at (0,13) width 188: ".one {margin-left: 3em;}" | 13 text run at (0,15) width 188: ".one {margin-left: 3em;}" |
14 text run at (187,13) width 1: " " | 14 text run at (187,15) width 1: " " |
15 text run at (0,26) width 188: ".two {margin-left: 3ex;}" | 15 text run at (0,30) width 188: ".two {margin-left: 3ex;}" |
16 text run at (187,26) width 1: " " | 16 text run at (187,30) width 1: " " |
17 text run at (0,39) width 211: ".three {margin-left: 36px;}" | 17 text run at (0,45) width 211: ".three {margin-left: 36px;}" |
18 text run at (210,39) width 1: " " | 18 text run at (210,45) width 1: " " |
19 text run at (0,52) width 211: ".four {margin-left: 0.5in;}" | 19 text run at (0,60) width 211: ".four {margin-left: 0.5in;}" |
20 text run at (210,52) width 1: " " | 20 text run at (210,60) width 1: " " |
21 text run at (0,65) width 219: ".five {margin-left: 1.27cm;}" | 21 text run at (0,75) width 219: ".five {margin-left: 1.27cm;}" |
22 text run at (218,65) width 1: " " | 22 text run at (218,75) width 1: " " |
23 text run at (0,78) width 211: ".six {margin-left: 12.7mm;}" | 23 text run at (0,90) width 211: ".six {margin-left: 12.7mm;}" |
24 text run at (210,78) width 1: " " | 24 text run at (210,90) width 1: " " |
25 text run at (0,91) width 211: ".seven {margin-left: 36pt;}" | 25 text run at (0,105) width 211: ".seven {margin-left: 36pt;}" |
26 text run at (210,91) width 1: " " | 26 text run at (210,105) width 1: " " |
27 text run at (0,104) width 203: ".eight {margin-left: 3pc;}" | 27 text run at (0,120) width 203: ".eight {margin-left: 3pc;}" |
28 text run at (202,104) width 1: " " | 28 text run at (202,120) width 1: " " |
29 text run at (0,117) width 203: ".nine {margin-left: +3pc;}" | 29 text run at (0,135) width 203: ".nine {margin-left: +3pc;}" |
30 text run at (202,117) width 1: " " | 30 text run at (202,135) width 1: " " |
31 text run at (0,130) width 609: ".ten {font-size: 40px; border-left: 1e
x solid purple; background-color: aqua;}" | 31 text run at (0,150) width 609: ".ten {font-size: 40px; border-left: 1e
x solid purple; background-color: aqua;}" |
32 text run at (608,130) width 1: " " | 32 text run at (608,150) width 1: " " |
33 RenderBlock {HR} at (0,188) size 769x2 [border: (1px inset #EEEEEE)] | 33 RenderBlock {HR} at (0,212) size 769x2 [border: (1px inset #EEEEEE)] |
34 RenderBlock {P} at (0,206) size 769x32 | 34 RenderBlock {P} at (0,230) size 769x36 |
35 RenderText {#text} at (0,0) size 737x32 | 35 RenderText {#text} at (0,0) size 737x36 |
36 text run at (0,0) width 737: "This paragraph has no left margin. The f
ollowing paragraphs have all been given a left margin and their left (outer)" | 36 text run at (0,0) width 737: "This paragraph has no left margin. The f
ollowing paragraphs have all been given a left margin and their left (outer)" |
37 text run at (0,16) width 397: "edges should therefore be appropriately
shifted to the right of " | 37 text run at (0,18) width 397: "edges should therefore be appropriately
shifted to the right of " |
38 RenderInline {EM} at (0,0) size 24x16 | 38 RenderInline {EM} at (0,0) size 24x18 |
39 RenderText {#text} at (396,16) size 24x16 | 39 RenderText {#text} at (396,18) size 24x18 |
40 text run at (396,16) width 24: "this" | 40 text run at (396,18) width 24: "this" |
41 RenderText {#text} at (419,16) size 142x16 | 41 RenderText {#text} at (419,18) size 142x18 |
42 text run at (419,16) width 142: " paragraph's left edge." | 42 text run at (419,18) width 142: " paragraph's left edge." |
43 RenderBlock {P} at (48,254) size 721x16 | 43 RenderBlock {P} at (48,282) size 721x18 |
44 RenderText {#text} at (0,0) size 316x16 | 44 RenderText {#text} at (0,0) size 316x18 |
45 text run at (0,0) width 316: "This paragraph should have a left margin
of 3em." | 45 text run at (0,0) width 316: "This paragraph should have a left margin
of 3em." |
46 RenderBlock {P} at (22.13,286) size 746.88x16 | 46 RenderBlock {P} at (22.13,316) size 746.88x18 |
47 RenderText {#text} at (0,0) size 312x16 | 47 RenderText {#text} at (0,0) size 312x18 |
48 text run at (0,0) width 312: "This paragraph should have a left margin
of 3ex." | 48 text run at (0,0) width 312: "This paragraph should have a left margin
of 3ex." |
49 RenderBlock {P} at (36,318) size 733x16 | 49 RenderBlock {P} at (36,350) size 733x18 |
50 RenderText {#text} at (0,0) size 347x16 | 50 RenderText {#text} at (0,0) size 347x18 |
51 text run at (0,0) width 347: "This paragraph should have a left margin
of 36 pixels." | 51 text run at (0,0) width 347: "This paragraph should have a left margin
of 36 pixels." |
52 RenderBlock {P} at (48,350) size 721x16 | 52 RenderBlock {P} at (48,384) size 721x18 |
53 RenderText {#text} at (0,0) size 364x16 | 53 RenderText {#text} at (0,0) size 364x18 |
54 text run at (0,0) width 364: "This paragraph should have a left margin
of half an inch." | 54 text run at (0,0) width 364: "This paragraph should have a left margin
of half an inch." |
55 RenderBlock {P} at (48,382) size 721x16 | 55 RenderBlock {P} at (48,418) size 721x18 |
56 RenderText {#text} at (0,0) size 336x16 | 56 RenderText {#text} at (0,0) size 336x18 |
57 text run at (0,0) width 336: "This paragraph should have a left margin
of 1.27cm." | 57 text run at (0,0) width 336: "This paragraph should have a left margin
of 1.27cm." |
58 RenderBlock {P} at (48,414) size 721x16 | 58 RenderBlock {P} at (48,452) size 721x18 |
59 RenderText {#text} at (0,0) size 342x16 | 59 RenderText {#text} at (0,0) size 342x18 |
60 text run at (0,0) width 342: "This paragraph should have a left margin
of 12.7mm." | 60 text run at (0,0) width 342: "This paragraph should have a left margin
of 12.7mm." |
61 RenderBlock {P} at (48,446) size 721x16 | 61 RenderBlock {P} at (48,486) size 721x18 |
62 RenderText {#text} at (0,0) size 348x16 | 62 RenderText {#text} at (0,0) size 348x18 |
63 text run at (0,0) width 348: "This paragraph should have a left margin
of 36 points." | 63 text run at (0,0) width 348: "This paragraph should have a left margin
of 36 points." |
64 RenderBlock {P} at (48,478) size 721x16 | 64 RenderBlock {P} at (48,520) size 721x18 |
65 RenderText {#text} at (0,0) size 334x16 | 65 RenderText {#text} at (0,0) size 334x18 |
66 text run at (0,0) width 334: "This paragraph should have a left margin
of 3 picas." | 66 text run at (0,0) width 334: "This paragraph should have a left margin
of 3 picas." |
67 RenderBlock {P} at (48,510) size 721x16 | 67 RenderBlock {P} at (48,554) size 721x18 |
68 RenderText {#text} at (0,0) size 603x16 | 68 RenderText {#text} at (0,0) size 603x18 |
69 text run at (0,0) width 603: "This paragraph should have a left margin
of 3 picas (the plus sign should make no difference)." | 69 text run at (0,0) width 603: "This paragraph should have a left margin
of 3 picas (the plus sign should make no difference)." |
70 RenderBlock {P} at (0,566) size 769x200 [bgcolor=#00FFFF] [border: none (1
8px solid #800080)] | 70 RenderBlock {P} at (0,612) size 769x230 [bgcolor=#00FFFF] [border: none (1
8px solid #800080)] |
71 RenderText {#text} at (18,0) size 309x40 | 71 RenderText {#text} at (18,0) size 309x46 |
72 text run at (18,0) width 309: "This element has a " | 72 text run at (18,0) width 309: "This element has a " |
73 RenderInline {CODE} at (0,0) size 217x40 | 73 RenderInline {CODE} at (0,0) size 217x46 |
74 RenderText {#text} at (326,0) size 217x40 | 74 RenderText {#text} at (326,0) size 217x46 |
75 text run at (326,0) width 217: "font-size" | 75 text run at (326,0) width 217: "font-size" |
76 RenderText {#text} at (542,0) size 55x40 | 76 RenderText {#text} at (542,0) size 55x46 |
77 text run at (542,0) width 55: " of " | 77 text run at (542,0) width 55: " of " |
78 RenderInline {CODE} at (0,0) size 97x40 | 78 RenderInline {CODE} at (0,0) size 97x46 |
79 RenderText {#text} at (596,0) size 97x40 | 79 RenderText {#text} at (596,0) size 97x46 |
80 text run at (596,0) width 97: "40px" | 80 text run at (596,0) width 97: "40px" |
81 RenderText {#text} at (692,0) size 742x80 | 81 RenderText {#text} at (692,0) size 742x92 |
82 text run at (692,0) width 68: " and" | 82 text run at (692,0) width 68: " and" |
83 text run at (18,40) width 28: "a " | 83 text run at (18,46) width 28: "a " |
84 RenderInline {CODE} at (0,0) size 265x40 | 84 RenderInline {CODE} at (0,0) size 265x46 |
85 RenderText {#text} at (45,40) size 265x40 | 85 RenderText {#text} at (45,46) size 265x46 |
86 text run at (45,40) width 265: "border-left" | 86 text run at (45,46) width 265: "border-left" |
87 RenderText {#text} at (309,40) size 55x40 | 87 RenderText {#text} at (309,46) size 55x46 |
88 text run at (309,40) width 55: " of " | 88 text run at (309,46) width 55: " of " |
89 RenderInline {CODE} at (0,0) size 385x40 | 89 RenderInline {CODE} at (0,0) size 385x46 |
90 RenderText {#text} at (363,40) size 385x40 | 90 RenderText {#text} at (363,46) size 385x46 |
91 text run at (363,40) width 385: "1ex solid purple" | 91 text run at (363,46) width 385: "1ex solid purple" |
92 RenderText {#text} at (747,40) size 740x160 | 92 RenderText {#text} at (747,46) size 740x184 |
93 text run at (747,40) width 11: "." | 93 text run at (747,46) width 11: "." |
94 text run at (18,80) width 673: "This should make the left border the s
ame" | 94 text run at (18,92) width 673: "This should make the left border the s
ame" |
95 text run at (18,120) width 710: "number of pixels as the lower-case 'x
' in this" | 95 text run at (18,138) width 710: "number of pixels as the lower-case 'x
' in this" |
96 text run at (18,160) width 610: "element's font, as well as solid purp
le." | 96 text run at (18,184) width 610: "element's font, as well as solid purp
le." |
97 LayoutTable {TABLE} at (0,806) size 769x634 [border: (1px outset #808080)] | 97 LayoutTable {TABLE} at (0,882) size 769x694 [border: (1px outset #808080)] |
98 LayoutTableSection {TBODY} at (1,1) size 767x632 | 98 LayoutTableSection {TBODY} at (1,1) size 767x692 |
99 LayoutTableRow {TR} at (0,0) size 767x24 | 99 LayoutTableRow {TR} at (0,0) size 767x26 |
100 LayoutTableCell {TD} at (0,0) size 767x24 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] | 100 LayoutTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
101 RenderInline {STRONG} at (0,0) size 163x16 | 101 RenderInline {STRONG} at (0,0) size 163x18 |
102 RenderText {#text} at (4,4) size 163x16 | 102 RenderText {#text} at (4,4) size 163x18 |
103 text run at (4,4) width 163: "TABLE Testing Section" | 103 text run at (4,4) width 163: "TABLE Testing Section" |
104 LayoutTableRow {TR} at (0,24) size 767x608 | 104 LayoutTableRow {TR} at (0,26) size 767x666 |
105 LayoutTableCell {TD} at (0,316) size 12x24 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] | 105 LayoutTableCell {TD} at (0,346) size 12x26 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
106 RenderText {#text} at (4,4) size 4x16 | 106 RenderText {#text} at (4,4) size 4x18 |
107 text run at (4,4) width 4: " " | 107 text run at (4,4) width 4: " " |
108 LayoutTableCell {TD} at (12,24) size 755x608 [border: (1px inset #80
8080)] [r=1 c=1 rs=1 cs=1] | 108 LayoutTableCell {TD} at (12,26) size 755x666 [border: (1px inset #80
8080)] [r=1 c=1 rs=1 cs=1] |
109 RenderBlock {P} at (4,4) size 747x32 | 109 RenderBlock {P} at (4,4) size 747x36 |
110 RenderText {#text} at (0,0) size 737x32 | 110 RenderText {#text} at (0,0) size 737x36 |
111 text run at (0,0) width 737: "This paragraph has no left margi
n. The following paragraphs have all been given a left margin and their left (ou
ter)" | 111 text run at (0,0) width 737: "This paragraph has no left margi
n. The following paragraphs have all been given a left margin and their left (ou
ter)" |
112 text run at (0,16) width 397: "edges should therefore be appro
priately shifted to the right of " | 112 text run at (0,18) width 397: "edges should therefore be appro
priately shifted to the right of " |
113 RenderInline {EM} at (0,0) size 24x16 | 113 RenderInline {EM} at (0,0) size 24x18 |
114 RenderText {#text} at (396,16) size 24x16 | 114 RenderText {#text} at (396,18) size 24x18 |
115 text run at (396,16) width 24: "this" | 115 text run at (396,18) width 24: "this" |
116 RenderText {#text} at (419,16) size 142x16 | 116 RenderText {#text} at (419,18) size 142x18 |
117 text run at (419,16) width 142: " paragraph's left edge." | 117 text run at (419,18) width 142: " paragraph's left edge." |
118 RenderBlock {P} at (52,52) size 699x16 | 118 RenderBlock {P} at (52,56) size 699x18 |
119 RenderText {#text} at (0,0) size 316x16 | 119 RenderText {#text} at (0,0) size 316x18 |
120 text run at (0,0) width 316: "This paragraph should have a lef
t margin of 3em." | 120 text run at (0,0) width 316: "This paragraph should have a lef
t margin of 3em." |
121 RenderBlock {P} at (26.13,84) size 724.88x16 | 121 RenderBlock {P} at (26.13,90) size 724.88x18 |
122 RenderText {#text} at (0,0) size 312x16 | 122 RenderText {#text} at (0,0) size 312x18 |
123 text run at (0,0) width 312: "This paragraph should have a lef
t margin of 3ex." | 123 text run at (0,0) width 312: "This paragraph should have a lef
t margin of 3ex." |
124 RenderBlock {P} at (40,116) size 711x16 | 124 RenderBlock {P} at (40,124) size 711x18 |
125 RenderText {#text} at (0,0) size 347x16 | 125 RenderText {#text} at (0,0) size 347x18 |
126 text run at (0,0) width 347: "This paragraph should have a lef
t margin of 36 pixels." | 126 text run at (0,0) width 347: "This paragraph should have a lef
t margin of 36 pixels." |
127 RenderBlock {P} at (52,148) size 699x16 | 127 RenderBlock {P} at (52,158) size 699x18 |
128 RenderText {#text} at (0,0) size 364x16 | 128 RenderText {#text} at (0,0) size 364x18 |
129 text run at (0,0) width 364: "This paragraph should have a lef
t margin of half an inch." | 129 text run at (0,0) width 364: "This paragraph should have a lef
t margin of half an inch." |
130 RenderBlock {P} at (52,180) size 699x16 | 130 RenderBlock {P} at (52,192) size 699x18 |
131 RenderText {#text} at (0,0) size 336x16 | 131 RenderText {#text} at (0,0) size 336x18 |
132 text run at (0,0) width 336: "This paragraph should have a lef
t margin of 1.27cm." | 132 text run at (0,0) width 336: "This paragraph should have a lef
t margin of 1.27cm." |
133 RenderBlock {P} at (52,212) size 699x16 | 133 RenderBlock {P} at (52,226) size 699x18 |
134 RenderText {#text} at (0,0) size 342x16 | 134 RenderText {#text} at (0,0) size 342x18 |
135 text run at (0,0) width 342: "This paragraph should have a lef
t margin of 12.7mm." | 135 text run at (0,0) width 342: "This paragraph should have a lef
t margin of 12.7mm." |
136 RenderBlock {P} at (52,244) size 699x16 | 136 RenderBlock {P} at (52,260) size 699x18 |
137 RenderText {#text} at (0,0) size 348x16 | 137 RenderText {#text} at (0,0) size 348x18 |
138 text run at (0,0) width 348: "This paragraph should have a lef
t margin of 36 points." | 138 text run at (0,0) width 348: "This paragraph should have a lef
t margin of 36 points." |
139 RenderBlock {P} at (52,276) size 699x16 | 139 RenderBlock {P} at (52,294) size 699x18 |
140 RenderText {#text} at (0,0) size 334x16 | 140 RenderText {#text} at (0,0) size 334x18 |
141 text run at (0,0) width 334: "This paragraph should have a lef
t margin of 3 picas." | 141 text run at (0,0) width 334: "This paragraph should have a lef
t margin of 3 picas." |
142 RenderBlock {P} at (52,308) size 699x16 | 142 RenderBlock {P} at (52,328) size 699x18 |
143 RenderText {#text} at (0,0) size 603x16 | 143 RenderText {#text} at (0,0) size 603x18 |
144 text run at (0,0) width 603: "This paragraph should have a lef
t margin of 3 picas (the plus sign should make no difference)." | 144 text run at (0,0) width 603: "This paragraph should have a lef
t margin of 3 picas (the plus sign should make no difference)." |
145 RenderBlock {P} at (4,364) size 747x240 [bgcolor=#00FFFF] [border:
none (18px solid #800080)] | 145 RenderBlock {P} at (4,386) size 747x276 [bgcolor=#00FFFF] [border:
none (18px solid #800080)] |
146 RenderText {#text} at (18,0) size 309x40 | 146 RenderText {#text} at (18,0) size 309x46 |
147 text run at (18,0) width 309: "This element has a " | 147 text run at (18,0) width 309: "This element has a " |
148 RenderInline {CODE} at (0,0) size 217x40 | 148 RenderInline {CODE} at (0,0) size 217x46 |
149 RenderText {#text} at (326,0) size 217x40 | 149 RenderText {#text} at (326,0) size 217x46 |
150 text run at (326,0) width 217: "font-size" | 150 text run at (326,0) width 217: "font-size" |
151 RenderText {#text} at (542,0) size 55x40 | 151 RenderText {#text} at (542,0) size 55x46 |
152 text run at (542,0) width 55: " of " | 152 text run at (542,0) width 55: " of " |
153 RenderInline {CODE} at (0,0) size 97x40 | 153 RenderInline {CODE} at (0,0) size 97x46 |
154 RenderText {#text} at (596,0) size 97x40 | 154 RenderText {#text} at (596,0) size 97x46 |
155 text run at (596,0) width 97: "40px" | 155 text run at (596,0) width 97: "40px" |
156 RenderText {#text} at (18,40) size 96x40 | 156 RenderText {#text} at (18,46) size 96x46 |
157 text run at (18,40) width 96: "and a " | 157 text run at (18,46) width 96: "and a " |
158 RenderInline {CODE} at (0,0) size 265x40 | 158 RenderInline {CODE} at (0,0) size 265x46 |
159 RenderText {#text} at (113,40) size 265x40 | 159 RenderText {#text} at (113,46) size 265x46 |
160 text run at (113,40) width 265: "border-left" | 160 text run at (113,46) width 265: "border-left" |
161 RenderText {#text} at (377,40) size 54x40 | 161 RenderText {#text} at (377,46) size 54x46 |
162 text run at (377,40) width 54: " of " | 162 text run at (377,46) width 54: " of " |
163 RenderInline {CODE} at (0,0) size 629x80 | 163 RenderInline {CODE} at (0,0) size 629x92 |
164 RenderText {#text} at (430,40) size 629x80 | 164 RenderText {#text} at (430,46) size 629x92 |
165 text run at (430,40) width 217: "1ex solid" | 165 text run at (430,46) width 217: "1ex solid" |
166 text run at (18,80) width 145: "purple" | 166 text run at (18,92) width 145: "purple" |
167 RenderText {#text} at (162,80) size 708x160 | 167 RenderText {#text} at (162,92) size 708x184 |
168 text run at (162,80) width 21: ". " | 168 text run at (162,92) width 21: ". " |
169 text run at (182,80) width 521: "This should make the left bor
der" | 169 text run at (182,92) width 521: "This should make the left bor
der" |
170 text run at (18,120) width 708: "the same number of pixels as
the lower-case" | 170 text run at (18,138) width 708: "the same number of pixels as
the lower-case" |
171 text run at (18,160) width 641: "'x' in this element's font, a
s well as solid" | 171 text run at (18,184) width 641: "'x' in this element's font, a
s well as solid" |
172 text run at (18,200) width 113: "purple." | 172 text run at (18,230) width 113: "purple." |
OLD | NEW |