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