1 layer at (0,0) size 800x600 scrollWidth 802 scrollHeight 2645
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x2645 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600
4 LayoutBlockFlow {HTML} at (0,0) size 800x2645
5 LayoutBlockFlow {BODY} at (8,8) size 784x2629 [bgcolor=#CCCCCC]
6 LayoutBlockFlow {P} at (0,0) size 784x18
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 784x105
10 LayoutText {#text} at (0,0) size 352x105
11 text run at (0,0) width 344: ".zero {background-color: silver; margin: 0;}"
12 text run at (343,0) width 1: " "
13 text run at (0,15) width 352: ".one {margin: 0.5in; background-color: aqua;}"
14 text run at (351,15) width 1: " "
15 text run at (0,30) width 344: ".two {margin: 25px; background-color: aqua;}"
16 text run at (343,30) width 1: " "
17 text run at (0,45) width 352: ".three {margin: 5em; background-color: aqua;}"
18 text run at (351,45) width 1: " "
19 text run at (0,60) width 344: ".four {margin: 25%; background-color: aqua;}"
20 text run at (343,60) width 1: " "
21 text run at (0,75) width 164: ".five {margin: 25px;}"
22 text run at (163,75) width 1: " "
23 text run at (0,90) width 352: ".six {margin: -10px; background-color: aqua;}"
24 text run at (351,90) width 1: " "
25 LayoutBlockFlow {HR} at (0,152) size 784x2 [border: (1px inset #EEEEEE)]
26 LayoutBlockFlow {P} at (0,170) size 784x36
27 LayoutText {#text} at (0,0) size 753x36
28 text run at (0,0) width 753: "NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as described in"
29 text run at (0,18) width 253: "section 4.1.1 of the CSS1 specification."
30 LayoutBlockFlow {P} at (0,222) size 784x18 [bgcolor=#C0C0C0]
31 LayoutText {#text} at (0,0) size 208x18
32 text run at (0,0) width 208: "This element has a class of zero."
33 LayoutBlockFlow {P} at (48,288) size 688x18 [bgcolor=#00FFFF]
34 LayoutText {#text} at (0,0) size 673x18
35 text run at (0,0) width 673: "This sentence should have an overall margin of half an inch, which will require extra text in order to test."
36 LayoutBlockFlow {P} at (0,354) size 784x18 [bgcolor=#C0C0C0]
37 LayoutText {#text} at (0,0) size 208x18
38 text run at (0,0) width 208: "This element has a class of zero."
39 LayoutBlockFlow {P} at (25,397) size 734x18 [bgcolor=#00FFFF]
40 LayoutText {#text} at (0,0) size 655x18
41 text run at (0,0) width 655: "This sentence should have an overall margin of 25 pixels, which will require extra text in order to test."
42 LayoutBlockFlow {P} at (0,440) size 784x18 [bgcolor=#C0C0C0]
43 LayoutText {#text} at (0,0) size 208x18
44 text run at (0,0) width 208: "This element has a class of zero."
45 LayoutBlockFlow {P} at (80,538) size 624x36 [bgcolor=#00FFFF]
46 LayoutText {#text} at (0,0) size 599x36
47 text run at (0,0) width 599: "This sentence should have an overall margin of 5 em, which will require extra text in order to"
48 text run at (0,18) width 27: "test."
49 LayoutBlockFlow {P} at (0,654) size 784x18 [bgcolor=#C0C0C0]
50 LayoutText {#text} at (0,0) size 208x18
51 text run at (0,0) width 208: "This element has a class of zero."
52 LayoutBlockFlow {P} at (196,868) size 392x54 [bgcolor=#00FFFF]
53 LayoutText {#text} at (0,0) size 386x54
54 text run at (0,0) width 383: "This sentence should have an overall margin of 25%, which"
55 text run at (0,18) width 386: "is calculated with respect to the width of the parent element."
56 text run at (0,36) width 272: "This will require extra text in order to test."
57 LayoutBlockFlow {P} at (0,1118) size 784x18 [bgcolor=#C0C0C0]
58 LayoutText {#text} at (0,0) size 208x18
59 text run at (0,0) width 208: "This element has a class of zero."
60 LayoutBlockFlow {UL} at (25,1161) size 734x122 [bgcolor=#00FFFF]
61 LayoutListItem {LI} at (40,0) size 694x18
62 LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
63 LayoutText {#text} at (0,0) size 382x18
64 text run at (0,0) width 382: "This list has a margin of 25px, and a light blue background."
65 LayoutListItem {LI} at (40,18) size 694x18
66 LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
67 LayoutText {#text} at (0,0) size 269x18
68 text run at (0,0) width 269: "Therefore, it ought to have such a margin."
69 LayoutListItem {LI} at (65,61) size 644x18
70 LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
71 LayoutText {#text} at (0,0) size 556x18
72 text run at (0,0) width 556: "This list item has a margin of 25px, which should cause it to be offset in some fashion."
73 LayoutListItem {LI} at (40,104) size 694x18
74 LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
75 LayoutText {#text} at (0,0) size 304x18
76 text run at (0,0) width 304: "This list item has no special styles applied to it."
77 LayoutBlockFlow {P} at (0,1308) size 784x18 [bgcolor=#C0C0C0]
78 LayoutText {#text} at (0,0) size 208x18
79 text run at (0,0) width 208: "This element has a class of zero."
80 LayoutBlockFlow {P} at (-10,1316) size 804x54 [bgcolor=#00FFFF]
81 LayoutText {#text} at (0,0) size 789x54
82 text run at (0,0) width 772: "This paragraph has an overall margin of -10px, which should make it wider than usual as well as shift it upward and pull"
83 text run at (0,18) width 376: "subsequent text up toward it, and a light blue background. "
84 text run at (375,18) width 395: "In all other respects, however, the element should be normal. "
85 text run at (769,18) width 20: "No"
86 text run at (0,36) width 539: "styles have been applied to it besides the negative margin and the background color."
87 LayoutBlockFlow {P} at (0,1360) size 784x18 [bgcolor=#C0C0C0]
88 LayoutText {#text} at (0,0) size 208x18
89 text run at (0,0) width 208: "This element has a class of zero."
90 LayoutTable {TABLE} at (0,1378) size 784x1251 [border: (1px outset #808080)]
91 LayoutTableSection {TBODY} at (1,1) size 782x1249
92 LayoutTableRow {TR} at (0,0) size 782x26
93 LayoutTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
94 LayoutInline {STRONG} at (0,0) size 163x18
95 LayoutText {#text} at (4,4) size 163x18
96 text run at (4,4) width 163: "TABLE Testing Section"
97 LayoutTableRow {TR} at (0,26) size 782x1223
98 LayoutTableCell {TD} at (0,624) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
99 LayoutText {#text} at (4,4) size 4x18
100 text run at (4,4) width 4: " "
101 LayoutTableCell {TD} at (12,26) size 770x1223 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
102 LayoutBlockFlow {P} at (4,4) size 762x36
103 LayoutText {#text} at (0,0) size 753x36
104 text run at (0,0) width 753: "NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as described in"
105 text run at (0,18) width 253: "section 4.1.1 of the CSS1 specification."
106 LayoutBlockFlow {P} at (4,56) size 762x18 [bgcolor=#C0C0C0]
107 LayoutText {#text} at (0,0) size 208x18
108 text run at (0,0) width 208: "This element has a class of zero."
109 LayoutBlockFlow {P} at (52,122) size 666x36 [bgcolor=#00FFFF]
110 LayoutText {#text} at (0,0) size 642x36
111 text run at (0,0) width 642: "This sentence should have an overall margin of half an inch, which will require extra text in order to"
112 text run at (0,18) width 27: "test."
113 LayoutBlockFlow {P} at (4,206) size 762x18 [bgcolor=#C0C0C0]
114 LayoutText {#text} at (0,0) size 208x18
115 text run at (0,0) width 208: "This element has a class of zero."
116 LayoutBlockFlow {P} at (29,249) size 712x18 [bgcolor=#00FFFF]
117 LayoutText {#text} at (0,0) size 655x18
118 text run at (0,0) width 655: "This sentence should have an overall margin of 25 pixels, which will require extra text in order to test."
119 LayoutBlockFlow {P} at (4,292) size 762x18 [bgcolor=#C0C0C0]
120 LayoutText {#text} at (0,0) size 208x18
121 text run at (0,0) width 208: "This element has a class of zero."
122 LayoutBlockFlow {P} at (84,390) size 602x36 [bgcolor=#00FFFF]
123 LayoutText {#text} at (0,0) size 599x36
124 text run at (0,0) width 599: "This sentence should have an overall margin of 5 em, which will require extra text in order to"
125 text run at (0,18) width 27: "test."
126 LayoutBlockFlow {P} at (4,506) size 762x18 [bgcolor=#C0C0C0]
127 LayoutText {#text} at (0,0) size 208x18
128 text run at (0,0) width 208: "This element has a class of zero."
129 LayoutBlockFlow {P} at (194.50,714.50) size 381x54 [bgcolor=#00FFFF]
130 LayoutText {#text} at (0,0) size 370x54
131 text run at (0,0) width 340: "This sentence should have an overall margin of 25%,"
132 text run at (0,18) width 370: "which is calculated with respect to the width of the parent"
133 text run at (0,36) width 59: "element. "
134 text run at (58,36) width 273: "This will require extra text in order to test."
135 LayoutBlockFlow {P} at (4,959) size 762x18 [bgcolor=#C0C0C0]
136 LayoutText {#text} at (0,0) size 208x18
137 text run at (0,0) width 208: "This element has a class of zero."
138 LayoutBlockFlow {UL} at (29,1002) size 712x122 [bgcolor=#00FFFF]
139 LayoutListItem {LI} at (40,0) size 672x18
140 LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
141 LayoutText {#text} at (0,0) size 382x18
142 text run at (0,0) width 382: "This list has a margin of 25px, and a light blue background."
143 LayoutListItem {LI} at (40,18) size 672x18
144 LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
145 LayoutText {#text} at (0,0) size 269x18
146 text run at (0,0) width 269: "Therefore, it ought to have such a margin."
147 LayoutListItem {LI} at (65,61) size 622x18
148 LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
149 LayoutText {#text} at (0,0) size 556x18
150 text run at (0,0) width 556: "This list item has a margin of 25px, which should cause it to be offset in some fashion."
151 LayoutListItem {LI} at (40,104) size 672x18
152 LayoutListMarker (anonymous) at (-17,0) size 7x18: bullet
153 LayoutText {#text} at (0,0) size 304x18
154 text run at (0,0) width 304: "This list item has no special styles applied to it."
155 LayoutBlockFlow {P} at (4,1149) size 762x18 [bgcolor=#C0C0C0]
156 LayoutText {#text} at (0,0) size 208x18
157 text run at (0,0) width 208: "This element has a class of zero."
158 LayoutBlockFlow {P} at (-6,1157) size 782x54 [bgcolor=#00FFFF]
159 LayoutText {#text} at (0,0) size 772x54
160 text run at (0,0) width 772: "This paragraph has an overall margin of -10px, which should make it wider than usual as well as shift it upward and pull"
161 text run at (0,18) width 376: "subsequent text up toward it, and a light blue background. "
162 text run at (375,18) width 391: "In all other respects, however, the element should be normal."
163 text run at (0,36) width 563: "No styles have been applied to it besides the negative margin and the background color."
164 LayoutBlockFlow {P} at (4,1201) size 762x18 [bgcolor=#C0C0C0]
165 LayoutText {#text} at (0,0) size 208x18
166 text run at (0,0) width 208: "This element has a class of zero."