1 layer at (0,0) size 800x600 scrollWidth 802 scrollHeight 2690
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x2690 backgroundClip at (0,0) size 800x600 clip at (0,0) size 800x600
4 LayoutBlockFlow {HTML} at (0,0) size 800x2690
5 LayoutBlockFlow {BODY} at (8,8) size 784x2674 [bgcolor=#CCCCCC]
6 LayoutBlockFlow {P} at (0,0) size 784x20
7 LayoutText {#text} at (0,0) size 337x19
8 text run at (0,0) width 337: "The style declarations which apply to the text below are:"
9 LayoutBlockFlow {PRE} at (0,36) size 784x112
10 LayoutText {#text} at (0,0) size 360x112
11 text run at (0,0) width 352: ".zero {background-color: silver; margin: 0;}"
12 text run at (352,0) width 0: " "
13 text run at (0,16) width 360: ".one {margin: 0.5in; background-color: aqua;}"
14 text run at (360,16) width 0: " "
15 text run at (0,32) width 352: ".two {margin: 25px; background-color: aqua;}"
16 text run at (352,32) width 0: " "
17 text run at (0,48) width 360: ".three {margin: 5em; background-color: aqua;}"
18 text run at (360,48) width 0: " "
19 text run at (0,64) width 352: ".four {margin: 25%; background-color: aqua;}"
20 text run at (352,64) width 0: " "
21 text run at (0,80) width 168: ".five {margin: 25px;}"
22 text run at (168,80) width 0: " "
23 text run at (0,96) width 360: ".six {margin: -10px; background-color: aqua;}"
24 text run at (360,96) width 0: " "
25 LayoutBlockFlow {HR} at (0,161) size 784x2 [border: (1px inset #EEEEEE)]
26 LayoutBlockFlow {P} at (0,179) size 784x40
27 LayoutText {#text} at (0,0) size 755x39
28 text run at (0,0) width 755: "NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as described in section"
29 text run at (0,20) width 193: "4.1.1 of the CSS1 specification."
30 LayoutBlockFlow {P} at (0,235) size 784x20 [bgcolor=#C0C0C0]
31 LayoutText {#text} at (0,0) size 193x19
32 text run at (0,0) width 193: "This element has a class of zero."
33 LayoutBlockFlow {P} at (48,303) size 688x20 [bgcolor=#00FFFF]
34 LayoutText {#text} at (0,0) size 618x19
35 text run at (0,0) width 618: "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,371) size 784x20 [bgcolor=#C0C0C0]
37 LayoutText {#text} at (0,0) size 193x19
38 text run at (0,0) width 193: "This element has a class of zero."
39 LayoutBlockFlow {P} at (25,416) size 734x20 [bgcolor=#00FFFF]
40 LayoutText {#text} at (0,0) size 605x19
41 text run at (0,0) width 605: "This sentence should have an overall margin of 25 pixels, which will require extra text in order to test."
42 LayoutBlockFlow {P} at (0,461) size 784x20 [bgcolor=#C0C0C0]
43 LayoutText {#text} at (0,0) size 193x19
44 text run at (0,0) width 193: "This element has a class of zero."
45 LayoutBlockFlow {P} at (80,561) size 624x20 [bgcolor=#00FFFF]
46 LayoutText {#text} at (0,0) size 581x19
47 text run at (0,0) width 581: "This sentence should have an overall margin of 5 em, which will require extra text in order to test."
48 LayoutBlockFlow {P} at (0,661) size 784x20 [bgcolor=#C0C0C0]
49 LayoutText {#text} at (0,0) size 193x19
50 text run at (0,0) width 193: "This element has a class of zero."
51 LayoutBlockFlow {P} at (196,877) size 392x60 [bgcolor=#00FFFF]
52 LayoutText {#text} at (0,0) size 375x59
53 text run at (0,0) width 367: "This sentence should have an overall margin of 25%, which is"
54 text run at (0,20) width 350: "calculated with respect to the width of the parent element. "
55 text run at (350,20) width 25: "This"
56 text run at (0,40) width 222: "will require extra text in order to test."
57 LayoutBlockFlow {P} at (0,1133) size 784x20 [bgcolor=#C0C0C0]
58 LayoutText {#text} at (0,0) size 193x19
59 text run at (0,0) width 193: "This element has a class of zero."
60 LayoutBlockFlow {UL} at (25,1178) size 734x130 [bgcolor=#00FFFF]
61 LayoutListItem {LI} at (40,0) size 694x20
62 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
63 LayoutText {#text} at (0,0) size 353x19
64 text run at (0,0) width 353: "This list has a margin of 25px, and a light blue background."
65 LayoutListItem {LI} at (40,20) size 694x20
66 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
67 LayoutText {#text} at (0,0) size 249x19
68 text run at (0,0) width 249: "Therefore, it ought to have such a margin."
69 LayoutListItem {LI} at (65,65) size 644x20
70 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
71 LayoutText {#text} at (0,0) size 511x19
72 text run at (0,0) width 511: "This list item has a margin of 25px, which should cause it to be offset in some fashion."
73 LayoutListItem {LI} at (40,110) size 694x20
74 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
75 LayoutText {#text} at (0,0) size 278x19
76 text run at (0,0) width 278: "This list item has no special styles applied to it."
77 LayoutBlockFlow {P} at (0,1333) size 784x20 [bgcolor=#C0C0C0]
78 LayoutText {#text} at (0,0) size 193x19
79 text run at (0,0) width 193: "This element has a class of zero."
80 LayoutBlockFlow {P} at (-10,1343) size 804x60 [bgcolor=#00FFFF]
81 LayoutText {#text} at (0,0) size 785x59
82 text run at (0,0) width 785: "This paragraph has an overall margin of -10px, which should make it wider than usual as well as shift it upward and pull subsequent"
83 text run at (0,20) width 281: "text up toward it, and a light blue background. "
84 text run at (281,20) width 369: "In all other respects, however, the element should be normal. "
85 text run at (650,20) width 122: "No styles have been"
86 text run at (0,40) width 402: "applied to it besides the negative margin and the background color."
87 LayoutBlockFlow {P} at (0,1393) size 784x20 [bgcolor=#C0C0C0]
88 LayoutText {#text} at (0,0) size 193x19
89 text run at (0,0) width 193: "This element has a class of zero."
90 LayoutTable {TABLE} at (0,1413) size 784x1261 [border: (1px outset #808080)]
91 LayoutTableSection {TBODY} at (1,1) size 782x1259
92 LayoutTableRow {TR} at (0,0) size 782x28
93 LayoutTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
94 LayoutInline {STRONG} at (0,0) size 159x19
95 LayoutText {#text} at (4,4) size 159x19
96 text run at (4,4) width 159: "TABLE Testing Section"
97 LayoutTableRow {TR} at (0,28) size 782x1231
98 LayoutTableCell {TD} at (0,629) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
99 LayoutText {#text} at (4,4) size 4x19
100 text run at (4,4) width 4: " "
101 LayoutTableCell {TD} at (12,28) size 770x1231 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
102 LayoutBlockFlow {P} at (4,4) size 762x40
103 LayoutText {#text} at (0,0) size 755x39
104 text run at (0,0) width 755: "NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as described in section"
105 text run at (0,20) width 193: "4.1.1 of the CSS1 specification."
106 LayoutBlockFlow {P} at (4,60) size 762x20 [bgcolor=#C0C0C0]
107 LayoutText {#text} at (0,0) size 193x19
108 text run at (0,0) width 193: "This element has a class of zero."
109 LayoutBlockFlow {P} at (52,128) size 666x20 [bgcolor=#00FFFF]
110 LayoutText {#text} at (0,0) size 618x19
111 text run at (0,0) width 618: "This sentence should have an overall margin of half an inch, which will require extra text in order to test."
112 LayoutBlockFlow {P} at (4,196) size 762x20 [bgcolor=#C0C0C0]
113 LayoutText {#text} at (0,0) size 193x19
114 text run at (0,0) width 193: "This element has a class of zero."
115 LayoutBlockFlow {P} at (29,241) size 712x20 [bgcolor=#00FFFF]
116 LayoutText {#text} at (0,0) size 605x19
117 text run at (0,0) width 605: "This sentence should have an overall margin of 25 pixels, which will require extra text in order to test."
118 LayoutBlockFlow {P} at (4,286) size 762x20 [bgcolor=#C0C0C0]
119 LayoutText {#text} at (0,0) size 193x19
120 text run at (0,0) width 193: "This element has a class of zero."
121 LayoutBlockFlow {P} at (84,386) size 602x20 [bgcolor=#00FFFF]
122 LayoutText {#text} at (0,0) size 581x19
123 text run at (0,0) width 581: "This sentence should have an overall margin of 5 em, which will require extra text in order to test."
124 LayoutBlockFlow {P} at (4,486) size 762x20 [bgcolor=#C0C0C0]
125 LayoutText {#text} at (0,0) size 193x19
126 text run at (0,0) width 193: "This element has a class of zero."
127 LayoutBlockFlow {P} at (194.50,696.50) size 381x60 [bgcolor=#00FFFF]
128 LayoutText {#text} at (0,0) size 375x59
129 text run at (0,0) width 367: "This sentence should have an overall margin of 25%, which is"
130 text run at (0,20) width 350: "calculated with respect to the width of the parent element. "
131 text run at (350,20) width 25: "This"
132 text run at (0,40) width 222: "will require extra text in order to test."
133 LayoutBlockFlow {P} at (4,947) size 762x20 [bgcolor=#C0C0C0]
134 LayoutText {#text} at (0,0) size 193x19
135 text run at (0,0) width 193: "This element has a class of zero."
136 LayoutBlockFlow {UL} at (29,992) size 712x130 [bgcolor=#00FFFF]
137 LayoutListItem {LI} at (40,0) size 672x20
138 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
139 LayoutText {#text} at (0,0) size 353x19
140 text run at (0,0) width 353: "This list has a margin of 25px, and a light blue background."
141 LayoutListItem {LI} at (40,20) size 672x20
142 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
143 LayoutText {#text} at (0,0) size 249x19
144 text run at (0,0) width 249: "Therefore, it ought to have such a margin."
145 LayoutListItem {LI} at (65,65) size 622x20
146 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
147 LayoutText {#text} at (0,0) size 511x19
148 text run at (0,0) width 511: "This list item has a margin of 25px, which should cause it to be offset in some fashion."
149 LayoutListItem {LI} at (40,110) size 672x20
150 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet
151 LayoutText {#text} at (0,0) size 278x19
152 text run at (0,0) width 278: "This list item has no special styles applied to it."
153 LayoutBlockFlow {P} at (4,1147) size 762x20 [bgcolor=#C0C0C0]
154 LayoutText {#text} at (0,0) size 193x19
155 text run at (0,0) width 193: "This element has a class of zero."
156 LayoutBlockFlow {P} at (-6,1157) size 782x60 [bgcolor=#00FFFF]
157 LayoutText {#text} at (0,0) size 778x59
158 text run at (0,0) width 714: "This paragraph has an overall margin of -10px, which should make it wider than usual as well as shift it upward and pull"
159 text run at (0,20) width 352: "subsequent text up toward it, and a light blue background. "
160 text run at (352,20) width 369: "In all other respects, however, the element should be normal. "
161 text run at (721,20) width 57: "No styles"
162 text run at (0,40) width 467: "have been applied to it besides the negative margin and the background color."
163 LayoutBlockFlow {P} at (4,1207) size 762x20 [bgcolor=#C0C0C0]
164 LayoutText {#text} at (0,0) size 193x19
165 text run at (0,0) width 193: "This element has a class of zero."