OLD | NEW |
1 layer at (0,0) size 787x2631 | 1 layer at (0,0) size 787x2631 |
2 RenderView at (0,0) size 785x585 | 2 RenderView at (0,0) size 785x585 |
3 layer at (0,0) size 785x2631 | 3 layer at (0,0) size 785x2631 |
4 RenderBlock {HTML} at (0,0) size 785x2631 | 4 RenderBlock {HTML} at (0,0) size 785x2630.50 |
5 RenderBody {BODY} at (8,8) size 769x2615 [bgcolor=#CCCCCC] | 5 RenderBody {BODY} at (8,8) size 769x2614.50 [bgcolor=#CCCCCC] |
6 RenderBlock {P} at (0,0) size 769x18 | 6 RenderBlock {P} at (0,0) size 769x18 |
7 RenderText {#text} at (0,0) size 355x18 | 7 RenderText {#text} at (0,0) size 355x18 |
8 text run at (0,0) width 355: "The style declarations which apply to th
e text below are:" | 8 text run at (0,0) width 355: "The style declarations which apply to th
e text below are:" |
9 RenderBlock {PRE} at (0,34) size 769x105 | 9 RenderBlock {PRE} at (0,34) size 769x105 |
10 RenderText {#text} at (0,0) size 360x105 | 10 RenderText {#text} at (0,0) size 360x105 |
11 text run at (0,0) width 352: ".zero {background-color: silver; margin:
0;}" | 11 text run at (0,0) width 352: ".zero {background-color: silver; margin:
0;}" |
12 text run at (352,0) width 0: " " | 12 text run at (352,0) width 0: " " |
13 text run at (0,15) width 360: ".one {margin: 0.5in; background-color:
aqua;}" | 13 text run at (0,15) width 360: ".one {margin: 0.5in; background-color:
aqua;}" |
14 text run at (360,15) width 0: " " | 14 text run at (360,15) width 0: " " |
15 text run at (0,30) width 352: ".two {margin: 25px; background-color: a
qua;}" | 15 text run at (0,30) width 352: ".two {margin: 25px; background-color: a
qua;}" |
(...skipping 26 matching lines...) Expand all Loading... |
42 RenderBlock {P} at (0,440) size 769x18 [bgcolor=#C0C0C0] | 42 RenderBlock {P} at (0,440) size 769x18 [bgcolor=#C0C0C0] |
43 RenderText {#text} at (0,0) size 203x18 | 43 RenderText {#text} at (0,0) size 203x18 |
44 text run at (0,0) width 203: "This element has a class of zero." | 44 text run at (0,0) width 203: "This element has a class of zero." |
45 RenderBlock {P} at (80,538) size 609x36 [bgcolor=#00FFFF] | 45 RenderBlock {P} at (80,538) size 609x36 [bgcolor=#00FFFF] |
46 RenderText {#text} at (0,0) size 586x36 | 46 RenderText {#text} at (0,0) size 586x36 |
47 text run at (0,0) width 586: "This sentence should have an overall mar
gin of 5 em, which will require extra text in order to" | 47 text run at (0,0) width 586: "This sentence should have an overall mar
gin of 5 em, which will require extra text in order to" |
48 text run at (0,18) width 25: "test." | 48 text run at (0,18) width 25: "test." |
49 RenderBlock {P} at (0,654) size 769x18 [bgcolor=#C0C0C0] | 49 RenderBlock {P} at (0,654) size 769x18 [bgcolor=#C0C0C0] |
50 RenderText {#text} at (0,0) size 203x18 | 50 RenderText {#text} at (0,0) size 203x18 |
51 text run at (0,0) width 203: "This element has a class of zero." | 51 text run at (0,0) width 203: "This element has a class of zero." |
52 RenderBlock {P} at (192,864) size 385x55 [bgcolor=#00FFFF] | 52 RenderBlock {P} at (192.25,864.25) size 384.50x54 [bgcolor=#00FFFF] |
53 RenderText {#text} at (0,0) size 377x54 | 53 RenderText {#text} at (0,0) size 377x54 |
54 text run at (0,0) width 377: "This sentence should have an overall mar
gin of 25%, which" | 54 text run at (0,0) width 377: "This sentence should have an overall mar
gin of 25%, which" |
55 text run at (0,18) width 376: "is calculated with respect to the width
of the parent element." | 55 text run at (0,18) width 376: "is calculated with respect to the width
of the parent element." |
56 text run at (0,36) width 264: "This will require extra text in order t
o test." | 56 text run at (0,36) width 264: "This will require extra text in order t
o test." |
57 RenderBlock {P} at (0,1110) size 769x19 [bgcolor=#C0C0C0] | 57 RenderBlock {P} at (0,1110.50) size 769x18 [bgcolor=#C0C0C0] |
58 RenderText {#text} at (0,0) size 203x18 | 58 RenderText {#text} at (0,0) size 203x18 |
59 text run at (0,0) width 203: "This element has a class of zero." | 59 text run at (0,0) width 203: "This element has a class of zero." |
60 RenderBlock {UL} at (25,1153) size 719x123 [bgcolor=#00FFFF] | 60 RenderBlock {UL} at (25,1153.50) size 719x122 [bgcolor=#00FFFF] |
61 RenderListItem {LI} at (40,0) size 679x18 | 61 RenderListItem {LI} at (40,0) size 679x18 |
62 RenderListMarker at (-17,0) size 7x18: bullet | 62 RenderListMarker at (-17,0) size 7x18: bullet |
63 RenderText {#text} at (0,0) size 375x18 | 63 RenderText {#text} at (0,0) size 375x18 |
64 text run at (0,0) width 375: "This list has a margin of 25px, and a
light blue background." | 64 text run at (0,0) width 375: "This list has a margin of 25px, and a
light blue background." |
65 RenderListItem {LI} at (40,18) size 679x18 | 65 RenderListItem {LI} at (40,18) size 679x18 |
66 RenderListMarker at (-17,0) size 7x18: bullet | 66 RenderListMarker at (-17,0) size 7x18: bullet |
67 RenderText {#text} at (0,0) size 264x18 | 67 RenderText {#text} at (0,0) size 264x18 |
68 text run at (0,0) width 264: "Therefore, it ought to have such a mar
gin." | 68 text run at (0,0) width 264: "Therefore, it ought to have such a mar
gin." |
69 RenderListItem {LI} at (65,61) size 629x18 | 69 RenderListItem {LI} at (65,61) size 629x18 |
70 RenderListMarker at (-17,0) size 7x18: bullet | 70 RenderListMarker at (-17,0) size 7x18: bullet |
71 RenderText {#text} at (0,0) size 543x18 | 71 RenderText {#text} at (0,0) size 543x18 |
72 text run at (0,0) width 543: "This list item has a margin of 25px, w
hich should cause it to be offset in some fashion." | 72 text run at (0,0) width 543: "This list item has a margin of 25px, w
hich should cause it to be offset in some fashion." |
73 RenderListItem {LI} at (40,104) size 679x18 | 73 RenderListItem {LI} at (40,104) size 679x18 |
74 RenderListMarker at (-17,0) size 7x18: bullet | 74 RenderListMarker at (-17,0) size 7x18: bullet |
75 RenderText {#text} at (0,0) size 294x18 | 75 RenderText {#text} at (0,0) size 294x18 |
76 text run at (0,0) width 294: "This list item has no special styles a
pplied to it." | 76 text run at (0,0) width 294: "This list item has no special styles a
pplied to it." |
77 RenderBlock {P} at (0,1300) size 769x19 [bgcolor=#C0C0C0] | 77 RenderBlock {P} at (0,1300.50) size 769x18 [bgcolor=#C0C0C0] |
78 RenderText {#text} at (0,0) size 203x18 | 78 RenderText {#text} at (0,0) size 203x18 |
79 text run at (0,0) width 203: "This element has a class of zero." | 79 text run at (0,0) width 203: "This element has a class of zero." |
80 RenderBlock {P} at (-10,1308) size 789x55 [bgcolor=#00FFFF] | 80 RenderBlock {P} at (-10,1308.50) size 789x54 [bgcolor=#00FFFF] |
81 RenderText {#text} at (0,0) size 775x54 | 81 RenderText {#text} at (0,0) size 775x54 |
82 text run at (0,0) width 758: "This paragraph has an overall margin of
-10px, which should make it wider than usual as well as shift it upward and pull
" | 82 text run at (0,0) width 758: "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 369: "subsequent text up toward it, and a lig
ht blue background. " | 83 text run at (0,18) width 369: "subsequent text up toward it, and a lig
ht blue background. " |
84 text run at (369,18) width 386: "In all other respects, however, the e
lement should be normal. " | 84 text run at (369,18) width 386: "In all other respects, however, the e
lement should be normal. " |
85 text run at (755,18) width 20: "No" | 85 text run at (755,18) width 20: "No" |
86 text run at (0,36) width 528: "styles have been applied to it besides
the negative margin and the background color." | 86 text run at (0,36) width 528: "styles have been applied to it besides
the negative margin and the background color." |
87 RenderBlock {P} at (0,1352) size 769x19 [bgcolor=#C0C0C0] | 87 RenderBlock {P} at (0,1352.50) size 769x18 [bgcolor=#C0C0C0] |
88 RenderText {#text} at (0,0) size 203x18 | 88 RenderText {#text} at (0,0) size 203x18 |
89 text run at (0,0) width 203: "This element has a class of zero." | 89 text run at (0,0) width 203: "This element has a class of zero." |
90 RenderTable {TABLE} at (0,1370) size 769x1245 [border: (1px outset #808080
)] | 90 RenderTable {TABLE} at (0,1370.50) size 769x1244 [border: (1px outset #808
080)] |
91 RenderTableSection {TBODY} at (1,1) size 767x1242 | 91 RenderTableSection {TBODY} at (1,1) size 767x1242 |
92 RenderTableRow {TR} at (0,0) size 767x26 | 92 RenderTableRow {TR} at (0,0) size 767x26 |
93 RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] | 93 RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
94 RenderInline {STRONG} at (0,0) size 163x18 | 94 RenderInline {STRONG} at (0,0) size 163x18 |
95 RenderText {#text} at (4,4) size 163x18 | 95 RenderText {#text} at (4,4) size 163x18 |
96 text run at (4,4) width 163: "TABLE Testing Section" | 96 text run at (4,4) width 163: "TABLE Testing Section" |
97 RenderTableRow {TR} at (0,26) size 767x1216 | 97 RenderTableRow {TR} at (0,26) size 767x1216 |
98 RenderTableCell {TD} at (0,621) size 12x26 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] | 98 RenderTableCell {TD} at (0,621) size 12x26 [bgcolor=#C0C0C0] [border
: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
99 RenderText {#text} at (4,4) size 4x18 | 99 RenderText {#text} at (4,4) size 4x18 |
100 text run at (4,4) width 4: " " | 100 text run at (4,4) width 4: " " |
101 RenderTableCell {TD} at (12,26) size 755x1216 [border: (1px inset #8
08080)] [r=1 c=1 rs=1 cs=1] | 101 RenderTableCell {TD} at (12,26) size 755x1215.50 [border: (1px inset
#808080)] [r=1 c=1 rs=1 cs=1] |
102 RenderBlock {P} at (4,4) size 747x36 | 102 RenderBlock {P} at (4,4) size 747x36 |
103 RenderText {#text} at (0,0) size 738x36 | 103 RenderText {#text} at (0,0) size 738x36 |
104 text run at (0,0) width 738: "NOTE: The following tests are se
parated by class-zero paragraphs, so as to prevent margin-collapsing as describe
d in" | 104 text run at (0,0) width 738: "NOTE: The following tests are se
parated by class-zero paragraphs, so as to prevent margin-collapsing as describe
d in" |
105 text run at (0,18) width 248: "section 4.1.1 of the CSS1 speci
fication." | 105 text run at (0,18) width 248: "section 4.1.1 of the CSS1 speci
fication." |
106 RenderBlock {P} at (4,56) size 747x18 [bgcolor=#C0C0C0] | 106 RenderBlock {P} at (4,56) size 747x18 [bgcolor=#C0C0C0] |
107 RenderText {#text} at (0,0) size 203x18 | 107 RenderText {#text} at (0,0) size 203x18 |
108 text run at (0,0) width 203: "This element has a class of zero
." | 108 text run at (0,0) width 203: "This element has a class of zero
." |
109 RenderBlock {P} at (52,122) size 651x36 [bgcolor=#00FFFF] | 109 RenderBlock {P} at (52,122) size 651x36 [bgcolor=#00FFFF] |
110 RenderText {#text} at (0,0) size 629x36 | 110 RenderText {#text} at (0,0) size 629x36 |
111 text run at (0,0) width 629: "This sentence should have an ove
rall margin of half an inch, which will require extra text in order to" | 111 text run at (0,0) width 629: "This sentence should have an ove
rall margin of half an inch, which will require extra text in order to" |
112 text run at (0,18) width 25: "test." | 112 text run at (0,18) width 25: "test." |
113 RenderBlock {P} at (4,206) size 747x18 [bgcolor=#C0C0C0] | 113 RenderBlock {P} at (4,206) size 747x18 [bgcolor=#C0C0C0] |
114 RenderText {#text} at (0,0) size 203x18 | 114 RenderText {#text} at (0,0) size 203x18 |
115 text run at (0,0) width 203: "This element has a class of zero
." | 115 text run at (0,0) width 203: "This element has a class of zero
." |
116 RenderBlock {P} at (29,249) size 697x18 [bgcolor=#00FFFF] | 116 RenderBlock {P} at (29,249) size 697x18 [bgcolor=#00FFFF] |
117 RenderText {#text} at (0,0) size 641x18 | 117 RenderText {#text} at (0,0) size 641x18 |
118 text run at (0,0) width 641: "This sentence should have an ove
rall margin of 25 pixels, which will require extra text in order to test." | 118 text run at (0,0) width 641: "This sentence should have an ove
rall margin of 25 pixels, which will require extra text in order to test." |
119 RenderBlock {P} at (4,292) size 747x18 [bgcolor=#C0C0C0] | 119 RenderBlock {P} at (4,292) size 747x18 [bgcolor=#C0C0C0] |
120 RenderText {#text} at (0,0) size 203x18 | 120 RenderText {#text} at (0,0) size 203x18 |
121 text run at (0,0) width 203: "This element has a class of zero
." | 121 text run at (0,0) width 203: "This element has a class of zero
." |
122 RenderBlock {P} at (84,390) size 587x36 [bgcolor=#00FFFF] | 122 RenderBlock {P} at (84,390) size 587x36 [bgcolor=#00FFFF] |
123 RenderText {#text} at (0,0) size 586x36 | 123 RenderText {#text} at (0,0) size 586x36 |
124 text run at (0,0) width 586: "This sentence should have an ove
rall margin of 5 em, which will require extra text in order to" | 124 text run at (0,0) width 586: "This sentence should have an ove
rall margin of 5 em, which will require extra text in order to" |
125 text run at (0,18) width 25: "test." | 125 text run at (0,18) width 25: "test." |
126 RenderBlock {P} at (4,506) size 747x18 [bgcolor=#C0C0C0] | 126 RenderBlock {P} at (4,506) size 747x18 [bgcolor=#C0C0C0] |
127 RenderText {#text} at (0,0) size 203x18 | 127 RenderText {#text} at (0,0) size 203x18 |
128 text run at (0,0) width 203: "This element has a class of zero
." | 128 text run at (0,0) width 203: "This element has a class of zero
." |
129 RenderBlock {P} at (190,710) size 375x55 [bgcolor=#00FFFF] | 129 RenderBlock {P} at (190.75,710.75) size 373.50x54 [bgcolor=#00FFFF
] |
130 RenderText {#text} at (0,0) size 362x54 | 130 RenderText {#text} at (0,0) size 362x54 |
131 text run at (0,0) width 334: "This sentence should have an ove
rall margin of 25%," | 131 text run at (0,0) width 334: "This sentence should have an ove
rall margin of 25%," |
132 text run at (0,18) width 362: "which is calculated with respec
t to the width of the parent" | 132 text run at (0,18) width 362: "which is calculated with respec
t to the width of the parent" |
133 text run at (0,36) width 57: "element. " | 133 text run at (0,36) width 57: "element. " |
134 text run at (57,36) width 264: "This will require extra text i
n order to test." | 134 text run at (57,36) width 264: "This will require extra text i
n order to test." |
135 RenderBlock {P} at (4,951) size 747x19 [bgcolor=#C0C0C0] | 135 RenderBlock {P} at (4,951.50) size 747x18 [bgcolor=#C0C0C0] |
136 RenderText {#text} at (0,0) size 203x18 | 136 RenderText {#text} at (0,0) size 203x18 |
137 text run at (0,0) width 203: "This element has a class of zero
." | 137 text run at (0,0) width 203: "This element has a class of zero
." |
138 RenderBlock {UL} at (29,994) size 697x123 [bgcolor=#00FFFF] | 138 RenderBlock {UL} at (29,994.50) size 697x122 [bgcolor=#00FFFF] |
139 RenderListItem {LI} at (40,0) size 657x18 | 139 RenderListItem {LI} at (40,0) size 657x18 |
140 RenderListMarker at (-17,0) size 7x18: bullet | 140 RenderListMarker at (-17,0) size 7x18: bullet |
141 RenderText {#text} at (0,0) size 375x18 | 141 RenderText {#text} at (0,0) size 375x18 |
142 text run at (0,0) width 375: "This list has a margin of 25px
, and a light blue background." | 142 text run at (0,0) width 375: "This list has a margin of 25px
, and a light blue background." |
143 RenderListItem {LI} at (40,18) size 657x18 | 143 RenderListItem {LI} at (40,18) size 657x18 |
144 RenderListMarker at (-17,0) size 7x18: bullet | 144 RenderListMarker at (-17,0) size 7x18: bullet |
145 RenderText {#text} at (0,0) size 264x18 | 145 RenderText {#text} at (0,0) size 264x18 |
146 text run at (0,0) width 264: "Therefore, it ought to have su
ch a margin." | 146 text run at (0,0) width 264: "Therefore, it ought to have su
ch a margin." |
147 RenderListItem {LI} at (65,61) size 607x18 | 147 RenderListItem {LI} at (65,61) size 607x18 |
148 RenderListMarker at (-17,0) size 7x18: bullet | 148 RenderListMarker at (-17,0) size 7x18: bullet |
149 RenderText {#text} at (0,0) size 543x18 | 149 RenderText {#text} at (0,0) size 543x18 |
150 text run at (0,0) width 543: "This list item has a margin of
25px, which should cause it to be offset in some fashion." | 150 text run at (0,0) width 543: "This list item has a margin of
25px, which should cause it to be offset in some fashion." |
151 RenderListItem {LI} at (40,104) size 657x18 | 151 RenderListItem {LI} at (40,104) size 657x18 |
152 RenderListMarker at (-17,0) size 7x18: bullet | 152 RenderListMarker at (-17,0) size 7x18: bullet |
153 RenderText {#text} at (0,0) size 294x18 | 153 RenderText {#text} at (0,0) size 294x18 |
154 text run at (0,0) width 294: "This list item has no special
styles applied to it." | 154 text run at (0,0) width 294: "This list item has no special
styles applied to it." |
155 RenderBlock {P} at (4,1141) size 747x19 [bgcolor=#C0C0C0] | 155 RenderBlock {P} at (4,1141.50) size 747x18 [bgcolor=#C0C0C0] |
156 RenderText {#text} at (0,0) size 203x18 | 156 RenderText {#text} at (0,0) size 203x18 |
157 text run at (0,0) width 203: "This element has a class of zero
." | 157 text run at (0,0) width 203: "This element has a class of zero
." |
158 RenderBlock {P} at (-6,1149) size 767x55 [bgcolor=#00FFFF] | 158 RenderBlock {P} at (-6,1149.50) size 767x54 [bgcolor=#00FFFF] |
159 RenderText {#text} at (0,0) size 758x54 | 159 RenderText {#text} at (0,0) size 758x54 |
160 text run at (0,0) width 758: "This paragraph has an overall ma
rgin of -10px, which should make it wider than usual as well as shift it upward
and pull" | 160 text run at (0,0) width 758: "This paragraph has an overall ma
rgin of -10px, which should make it wider than usual as well as shift it upward
and pull" |
161 text run at (0,18) width 369: "subsequent text up toward it, a
nd a light blue background. " | 161 text run at (0,18) width 369: "subsequent text up toward it, a
nd a light blue background. " |
162 text run at (369,18) width 382: "In all other respects, howeve
r, the element should be normal." | 162 text run at (369,18) width 382: "In all other respects, howeve
r, the element should be normal." |
163 text run at (0,36) width 552: "No styles have been applied to
it besides the negative margin and the background color." | 163 text run at (0,36) width 552: "No styles have been applied to
it besides the negative margin and the background color." |
164 RenderBlock {P} at (4,1193) size 747x19 [bgcolor=#C0C0C0] | 164 RenderBlock {P} at (4,1193.50) size 747x18 [bgcolor=#C0C0C0] |
165 RenderText {#text} at (0,0) size 203x18 | 165 RenderText {#text} at (0,0) size 203x18 |
166 text run at (0,0) width 203: "This element has a class of zero
." | 166 text run at (0,0) width 203: "This element has a class of zero
." |
OLD | NEW |