1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1624
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 785x1624 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
4 LayoutBlockFlow {HTML} at (0,0) size 785x1624
5 LayoutBlockFlow {BODY} at (8,8) size 769x1608 [bgcolor=#CCCCCC]
6 LayoutBlockFlow {P} at (0,0) size 769x18
7 LayoutText {#text} at (0,0) size 363x17
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 769x176
10 LayoutText {#text} at (0,0) size 624x176
11 text run at (0,0) width 184: ".zero {margin-left: 0;}"
12 text run at (184,0) width 0: " "
13 text run at (0,16) width 192: ".one {margin-left: 3em;}"
14 text run at (192,16) width 0: " "
15 text run at (0,32) width 192: ".two {margin-left: 3ex;}"
16 text run at (192,32) width 0: " "
17 text run at (0,48) width 216: ".three {margin-left: 36px;}"
18 text run at (216,48) width 0: " "
19 text run at (0,64) width 216: ".four {margin-left: 0.5in;}"
20 text run at (216,64) width 0: " "
21 text run at (0,80) width 224: ".five {margin-left: 1.27cm;}"
22 text run at (224,80) width 0: " "
23 text run at (0,96) width 216: ".six {margin-left: 12.7mm;}"
24 text run at (216,96) width 0: " "
25 text run at (0,112) width 216: ".seven {margin-left: 36pt;}"
26 text run at (216,112) width 0: " "
27 text run at (0,128) width 208: ".eight {margin-left: 3pc;}"
28 text run at (208,128) width 0: " "
29 text run at (0,144) width 208: ".nine {margin-left: +3pc;}"
30 text run at (208,144) width 0: " "
31 text run at (0,160) width 624: ".ten {font-size: 40px; border-left: 1ex solid purple; background-color: aqua;}"
32 text run at (624,160) width 0: " "
33 LayoutBlockFlow {HR} at (0,223) size 769x2 [border: (1px inset #EEEEEE)]
34 LayoutBlockFlow {P} at (0,241) size 769x36
35 LayoutText {#text} at (0,0) size 737x35
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 24x17
39 LayoutText {#text} at (396,18) size 24x17
40 text run at (396,18) width 24: "this"
41 LayoutText {#text} at (419,18) size 142x17
42 text run at (419,18) width 142: " paragraph's left edge."
43 LayoutBlockFlow {P} at (48,293) size 721x18
44 LayoutText {#text} at (0,0) size 316x17
45 text run at (0,0) width 316: "This paragraph should have a left margin of 3em."
46 LayoutBlockFlow {P} at (21.47,327) size 747.53x18
47 LayoutText {#text} at (0,0) size 312x17
48 text run at (0,0) width 312: "This paragraph should have a left margin of 3ex."
49 LayoutBlockFlow {P} at (36,361) size 733x18
50 LayoutText {#text} at (0,0) size 347x17
51 text run at (0,0) width 347: "This paragraph should have a left margin of 36 pixels."
52 LayoutBlockFlow {P} at (48,395) size 721x18
53 LayoutText {#text} at (0,0) size 364x17
54 text run at (0,0) width 364: "This paragraph should have a left margin of half an inch."
55 LayoutBlockFlow {P} at (48,429) size 721x18
56 LayoutText {#text} at (0,0) size 336x17
57 text run at (0,0) width 336: "This paragraph should have a left margin of 1.27cm."
58 LayoutBlockFlow {P} at (48,463) size 721x18
59 LayoutText {#text} at (0,0) size 342x17
60 text run at (0,0) width 342: "This paragraph should have a left margin of 12.7mm."
61 LayoutBlockFlow {P} at (48,497) size 721x18
62 LayoutText {#text} at (0,0) size 348x17
63 text run at (0,0) width 348: "This paragraph should have a left margin of 36 points."
64 LayoutBlockFlow {P} at (48,531) size 721x18
65 LayoutText {#text} at (0,0) size 334x17
66 text run at (0,0) width 334: "This paragraph should have a left margin of 3 picas."
67 LayoutBlockFlow {P} at (48,565) size 721x18
68 LayoutText {#text} at (0,0) size 603x17
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,623) size 769x239 [bgcolor=#00FFFF] [border: none (17px solid #800080)]
71 LayoutText {#text} at (17,1) size 309x45
72 text run at (17,1) width 309: "This element has a "
73 LayoutInline {CODE} at (0,0) size 217x45
74 LayoutText {#text} at (325,4) size 217x45
75 text run at (325,4) width 217: "font-size"
76 LayoutText {#text} at (541,1) size 55x45
77 text run at (541,1) width 55: " of "
78 LayoutInline {CODE} at (0,0) size 97x45
79 LayoutText {#text} at (595,4) size 97x45
80 text run at (595,4) width 97: "40px"
81 LayoutText {#text} at (691,1) size 742x94
82 text run at (691,1) width 68: " and"
83 text run at (17,50) width 28: "a "
84 LayoutInline {CODE} at (0,0) size 265x45
85 LayoutText {#text} at (44,53) size 265x45
86 text run at (44,53) width 265: "border-left"
87 LayoutText {#text} at (308,50) size 55x45
88 text run at (308,50) width 55: " of "
89 LayoutInline {CODE} at (0,0) size 385x45
90 LayoutText {#text} at (362,53) size 385x45
91 text run at (362,53) width 385: "1ex solid purple"
92 LayoutText {#text} at (746,50) size 740x188
93 text run at (746,50) width 11: "."
94 text run at (17,99) width 673: "This should make the left border the same"
95 text run at (17,146) width 710: "number of pixels as the lower-case 'x' in this"
96 text run at (17,193) width 610: "element's font, as well as solid purple."
97 LayoutTable {TABLE} at (0,902) size 769x706 [border: (1px outset #808080)]
98 LayoutTableSection {TBODY} at (1,1) size 767x704
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 163x17
102 LayoutText {#text} at (4,4) size 163x17
103 text run at (4,4) width 163: "TABLE Testing Section"
104 LayoutTableRow {TR} at (0,26) size 767x678
105 LayoutTableCell {TD} at (0,352) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
106 LayoutText {#text} at (4,4) size 4x17
107 text run at (4,4) width 4: " "
108 LayoutTableCell {TD} at (12,26) size 755x678 [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 737x35
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 24x17
114 LayoutText {#text} at (396,18) size 24x17
115 text run at (396,18) width 24: "this"
116 LayoutText {#text} at (419,18) size 142x17
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 316x17
120 text run at (0,0) width 316: "This paragraph should have a left margin of 3em."
121 LayoutBlockFlow {P} at (25.47,90) size 725.53x18
122 LayoutText {#text} at (0,0) size 312x17
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 347x17
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 364x17
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 336x17
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 342x17
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 348x17
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 334x17
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 603x17
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 747x288 [bgcolor=#00FFFF] [border: none (17px solid #800080)]
146 LayoutText {#text} at (17,1) size 309x45
147 text run at (17,1) width 309: "This element has a "
148 LayoutInline {CODE} at (0,0) size 217x45
149 LayoutText {#text} at (325,4) size 217x45
150 text run at (325,4) width 217: "font-size"
151 LayoutText {#text} at (541,1) size 55x45
152 text run at (541,1) width 55: " of "
153 LayoutInline {CODE} at (0,0) size 97x45
154 LayoutText {#text} at (595,4) size 97x45
155 text run at (595,4) width 97: "40px"
156 LayoutText {#text} at (17,50) size 96x45
157 text run at (17,50) width 96: "and a "
158 LayoutInline {CODE} at (0,0) size 265x45
159 LayoutText {#text} at (112,53) size 265x45
160 text run at (112,53) width 265: "border-left"
161 LayoutText {#text} at (376,50) size 54x45
162 text run at (376,50) width 54: " of "
163 LayoutInline {CODE} at (0,0) size 629x94
164 LayoutText {#text} at (429,53) size 629x94
165 text run at (429,53) width 217: "1ex solid"
166 text run at (17,102) width 145: "purple"
167 LayoutText {#text} at (161,99) size 708x188
168 text run at (161,99) width 21: ". "
169 text run at (181,99) width 521: "This should make the left border"
170 text run at (17,148) width 708: "the same number of pixels as the lower-case"
171 text run at (17,195) width 641: "'x' in this element's font, as well as solid"
172 text run at (17,242) width 113: "purple."