1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
|
layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 971
LayoutView at (0,0) size 800x600
layer at (0,0) size 785x971 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
LayoutBlockFlow {HTML} at (0,0) size 785x971
LayoutBlockFlow {BODY} at (8,8) size 769x955 [bgcolor=#CCCCCC]
LayoutBlockFlow {P} at (0,0) size 769x18
LayoutText {#text} at (0,0) size 363x17
text run at (0,0) width 363: "The style declarations which apply to the text below are:"
LayoutBlockFlow {PRE} at (0,34) size 769x160
LayoutText {#text} at (0,0) size 728x160
text run at (0,0) width 624: "<LINK rel=\"stylesheet\" type=\"text/css\" href=\"linktest.css\" title=\"Default SS\">"
text run at (624,0) width 0: " "
text run at (0,16) width 728: "<LINK rel=\"alternate stylesheet\" type=\"text/css\" href=\"linktest2.css\" title=\"Alternate SS\">"
text run at (728,16) width 0: " "
text run at (0,32) width 208: "@import url(imptest1.css);"
text run at (208,32) width 0: " "
text run at (0,48) width 192: "@import \"imptest1a.css\";"
text run at (192,48) width 0: " "
text run at (0,64) width 128: "UL {color: red;}"
text run at (128,64) width 0: " "
text run at (0,80) width 176: ".four {color: purple;}"
text run at (176,80) width 0: " "
text run at (0,96) width 208: "@import url(imptest2.css);"
text run at (208,96) width 0: " "
text run at (0,112) width 32: "<!--"
text run at (32,112) width 0: " "
text run at (0,128) width 168: "P.six {color: green;}"
text run at (168,128) width 0: " "
text run at (0,144) width 24: "-->"
text run at (24,144) width 0: " "
LayoutBlockFlow {HR} at (0,207) size 769x2 [border: (1px inset #EEEEEE)]
LayoutBlockFlow {P} at (0,225) size 769x18
LayoutText {#text} at (0,0) size 412x17
text run at (0,0) width 412: "This sentence should be underlined due to the linked style sheet "
LayoutInline {CODE} at (0,0) size 97x16
LayoutText {#text} at (411,2) size 97x16
text run at (411,2) width 97: "linktest.css"
LayoutText {#text} at (507,0) size 259x17
text run at (507,0) width 259: ", the reference to which is shown above."
LayoutBlockFlow {P} at (0,259) size 769x36
LayoutText {#text} at (0,0) size 449x17
text run at (0,0) width 449: "This sentence should NOT be underlined due to the linked style sheet "
LayoutInline {CODE} at (0,0) size 105x16
LayoutText {#text} at (448,2) size 105x16
text run at (448,2) width 105: "linktest2.css"
LayoutText {#text} at (552,0) size 9x17
text run at (552,0) width 9: ", "
LayoutInline {STRONG} at (0,0) size 43x17
LayoutText {#text} at (560,0) size 43x17
text run at (560,0) width 43: "unless"
LayoutText {#text} at (602,0) size 753x35
text run at (602,0) width 151: " the external style sheet"
text run at (0,18) width 330: "\"Alternate SS\" has been selected via the user agent."
LayoutBlockFlow {UL} at (0,311) size 769x54 [color=#FF0000]
LayoutListItem {LI} at (40,0) size 729x18 [color=#008000]
LayoutListMarker (anonymous) at (-17,0) size 7x17: bullet
LayoutText {#text} at (0,0) size 398x17
text run at (0,0) width 398: "This sentence should be green due to an imported style sheet ["
LayoutInline {CODE} at (0,0) size 209x16
LayoutText {#text} at (397,2) size 209x16
text run at (397,2) width 209: "@import url(imptest1.css);"
LayoutText {#text} at (605,0) size 10x17
text run at (605,0) width 10: "]."
LayoutListItem {LI} at (40,18) size 729x18 [color=#800080]
LayoutListMarker (anonymous) at (-17,0) size 7x17: bullet
LayoutText {#text} at (0,0) size 403x17
text run at (0,0) width 403: "This sentence should be purple due to an imported style sheet ["
LayoutInline {CODE} at (0,0) size 184x16
LayoutText {#text} at (403,2) size 184x16
text run at (403,2) width 184: "@import \"imptest1a.css\""
LayoutText {#text} at (587,0) size 10x17
text run at (587,0) width 10: "]."
LayoutListItem {LI} at (40,36) size 729x18 [color=#008000]
LayoutListMarker (anonymous) at (-17,0) size 7x17: bullet
LayoutText {#text} at (0,0) size 399x17
text run at (0,0) width 399: "This sentence should be green thanks to the STYLE attribute ["
LayoutInline {CODE} at (0,0) size 168x16
LayoutText {#text} at (399,2) size 168x16
text run at (399,2) width 168: "STYLE=\"color: green;\""
LayoutText {#text} at (567,0) size 10x17
text run at (567,0) width 10: "]."
LayoutBlockFlow {P} at (0,381) size 769x18 [color=#800080]
LayoutText {#text} at (0,0) size 510x17
text run at (0,0) width 510: "This sentence should be purple, and it doesn't have a terminating paragraph tag."
LayoutBlockFlow {OL} at (0,415) size 769x54
LayoutListItem {LI} at (40,0) size 729x18
LayoutListMarker (anonymous) at (-16,0) size 16x17: "1"
LayoutText {#text} at (0,0) size 204x17
text run at (0,0) width 204: "This list should NOT be purple."
LayoutListItem {LI} at (40,18) size 729x18
LayoutListMarker (anonymous) at (-16,0) size 16x17: "2"
LayoutText {#text} at (0,0) size 176x17
text run at (0,0) width 176: "It should, instead, be black."
LayoutListItem {LI} at (40,36) size 729x18
LayoutListMarker (anonymous) at (-16,0) size 16x17: "3"
LayoutText {#text} at (0,0) size 512x17
text run at (0,0) width 512: "If it IS purple, then the browser hasn't correctly parsed the preceding paragraph."
LayoutBlockFlow {P} at (0,485) size 769x36
LayoutText {#text} at (0,0) size 715x17
text run at (0,0) width 200: "This sentence should be black. "
text run at (199,0) width 516: "If it is red, then the browser has inappropriately imported the styles from the file"
LayoutInline {TT} at (0,0) size 96x16
LayoutText {#text} at (0,20) size 96x16
text run at (0,20) width 96: "imptest2.css"
LayoutText {#text} at (96,18) size 34x17
text run at (96,18) width 34: " (see "
LayoutInline {A} at (0,0) size 71x17 [color=#0000FF]
LayoutText {#text} at (129,18) size 71x17
text run at (129,18) width 71: "section 3.0"
LayoutText {#text} at (199,18) size 282x17
text run at (199,18) width 282: " of the CSS1 specification for more details)."
LayoutBlockFlow {P} at (0,537) size 769x18 [color=#008000]
LayoutText {#text} at (0,0) size 206x17
text run at (0,0) width 206: "This paragraph should be green."
LayoutTable {TABLE} at (0,571) size 769x384 [border: (1px outset #808080)]
LayoutTableSection {TBODY} at (1,1) size 767x382
LayoutTableRow {TR} at (0,0) size 767x26
LayoutTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
LayoutInline {STRONG} at (0,0) size 161x17
LayoutText {#text} at (4,4) size 161x17
text run at (4,4) width 161: "TABLE Testing Section"
LayoutTableRow {TR} at (0,26) size 767x356
LayoutTableCell {TD} at (0,191) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
LayoutText {#text} at (4,4) size 4x17
text run at (4,4) width 4: " "
LayoutTableCell {TD} at (12,26) size 755x356 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
LayoutBlockFlow {P} at (4,4) size 747x36
LayoutText {#text} at (0,0) size 412x17
text run at (0,0) width 412: "This sentence should be underlined due to the linked style sheet "
LayoutInline {CODE} at (0,0) size 97x16
LayoutText {#text} at (411,2) size 97x16
text run at (411,2) width 97: "linktest.css"
LayoutText {#text} at (507,0) size 719x35
text run at (507,0) width 212: ", the reference to which is shown"
text run at (0,18) width 43: "above."
LayoutBlockFlow {P} at (4,56) size 747x36
LayoutText {#text} at (0,0) size 449x17
text run at (0,0) width 449: "This sentence should NOT be underlined due to the linked style sheet "
LayoutInline {CODE} at (0,0) size 105x16
LayoutText {#text} at (448,2) size 105x16
text run at (448,2) width 105: "linktest2.css"
LayoutText {#text} at (552,0) size 9x17
text run at (552,0) width 9: ", "
LayoutInline {STRONG} at (0,0) size 43x17
LayoutText {#text} at (560,0) size 43x17
text run at (560,0) width 43: "unless"
LayoutText {#text} at (602,0) size 716x35
text run at (602,0) width 114: " the external style"
text run at (0,18) width 367: "sheet \"Alternate SS\" has been selected via the user agent."
LayoutBlockFlow {UL} at (4,108) size 747x54 [color=#FF0000]
LayoutListItem {LI} at (40,0) size 707x18 [color=#008000]
LayoutListMarker (anonymous) at (-17,0) size 7x17: bullet
LayoutText {#text} at (0,0) size 398x17
text run at (0,0) width 398: "This sentence should be green due to an imported style sheet ["
LayoutInline {CODE} at (0,0) size 209x16
LayoutText {#text} at (397,2) size 209x16
text run at (397,2) width 209: "@import url(imptest1.css);"
LayoutText {#text} at (605,0) size 10x17
text run at (605,0) width 10: "]."
LayoutListItem {LI} at (40,18) size 707x18 [color=#800080]
LayoutListMarker (anonymous) at (-17,0) size 7x17: bullet
LayoutText {#text} at (0,0) size 403x17
text run at (0,0) width 403: "This sentence should be purple due to an imported style sheet ["
LayoutInline {CODE} at (0,0) size 184x16
LayoutText {#text} at (403,2) size 184x16
text run at (403,2) width 184: "@import \"imptest1a.css\""
LayoutText {#text} at (587,0) size 10x17
text run at (587,0) width 10: "]."
LayoutListItem {LI} at (40,36) size 707x18 [color=#008000]
LayoutListMarker (anonymous) at (-17,0) size 7x17: bullet
LayoutText {#text} at (0,0) size 399x17
text run at (0,0) width 399: "This sentence should be green thanks to the STYLE attribute ["
LayoutInline {CODE} at (0,0) size 168x16
LayoutText {#text} at (399,2) size 168x16
text run at (399,2) width 168: "STYLE=\"color: green;\""
LayoutText {#text} at (567,0) size 10x17
text run at (567,0) width 10: "]."
LayoutBlockFlow {P} at (4,178) size 747x18 [color=#800080]
LayoutText {#text} at (0,0) size 510x17
text run at (0,0) width 510: "This sentence should be purple, and it doesn't have a terminating paragraph tag."
LayoutBlockFlow {OL} at (4,212) size 747x54
LayoutListItem {LI} at (40,0) size 707x18
LayoutListMarker (anonymous) at (-16,0) size 16x17: "1"
LayoutText {#text} at (0,0) size 204x17
text run at (0,0) width 204: "This list should NOT be purple."
LayoutListItem {LI} at (40,18) size 707x18
LayoutListMarker (anonymous) at (-16,0) size 16x17: "2"
LayoutText {#text} at (0,0) size 176x17
text run at (0,0) width 176: "It should, instead, be black."
LayoutListItem {LI} at (40,36) size 707x18
LayoutListMarker (anonymous) at (-16,0) size 16x17: "3"
LayoutText {#text} at (0,0) size 512x17
text run at (0,0) width 512: "If it IS purple, then the browser hasn't correctly parsed the preceding paragraph."
LayoutBlockFlow {P} at (4,282) size 747x36
LayoutText {#text} at (0,0) size 715x17
text run at (0,0) width 200: "This sentence should be black. "
text run at (199,0) width 516: "If it is red, then the browser has inappropriately imported the styles from the file"
LayoutInline {TT} at (0,0) size 96x16
LayoutText {#text} at (0,20) size 96x16
text run at (0,20) width 96: "imptest2.css"
LayoutText {#text} at (96,18) size 34x17
text run at (96,18) width 34: " (see "
LayoutInline {A} at (0,0) size 71x17 [color=#0000FF]
LayoutText {#text} at (129,18) size 71x17
text run at (129,18) width 71: "section 3.0"
LayoutText {#text} at (199,18) size 282x17
text run at (199,18) width 282: " of the CSS1 specification for more details)."
LayoutBlockFlow {P} at (4,334) size 747x18 [color=#008000]
LayoutText {#text} at (0,0) size 206x17
text run at (0,0) width 206: "This paragraph should be green."
|
