1 layer at (0,0) size 800x3887
2 RenderCanvas at (0,0) size 800x600
3 layer at (0,0) size 800x3887
4 RenderBlock {HTML} at (0,0) size 800x3887
5 RenderBody {BODY} at (8,8) size 784x3871 [bgcolor=#CCCCCC]
6 RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
7 RenderText {TEXT} at (0,0) size 385x17
8 text run at (0,0) width 385: "The style declarations which apply to the text below are:"
9 RenderBlock {PRE} at (0,31) size 784x864 [bgcolor=#000000]
10 RenderText {TEXT} at (0,0) size 568x848
11 text run at (0,0) width 264: "P.one {color: green; rotation: 70"
12 text run at (264,0) width 40: "deg;}"
13 text run at (0,16) width 176: "P.oneb {color: green;}"
14 text run at (0,32) width 232: "P.oneb {color: invalidValue;}"
15 text run at (0,48) width 272: "P.two {background-color: inherit;}"
16 text run at (0,64) width 216: "H1 + P.three {color: blue;}"
17 text run at (0,80) width 200: "P.four + H1 {color: red;}"
18 text run at (0,96) width 264: "P.five {background-color: \"red\";}"
19 text run at (0,112) width 408: "P.sixa {border-width: medium; border-style: solid;}"
20 text run at (0,128) width 400: "P.sixb {border-width: funny; border-style: solid;}"
21 text run at (0,144) width 192: "P.sixc {border-width: 50"
22 text run at (192,144) width 200: "zu; border-style: solid;}"
23 text run at (0,160) width 376: "P.sixd {border-width: px; border-style: solid;}"
24 text run at (0,176) width 96: "@three-dee {"
25 text run at (0,192) width 184: " @background-lighting {"
26 text run at (0,208) width 104: " azimuth: 30"
27 text run at (104,208) width 32: "deg;"
28 text run at (0,224) width 128: " elevation: 190"
29 text run at (128,224) width 32: "deg;"
30 text run at (0,240) width 24: " }"
31 text run at (0,256) width 184: " P.seven { color: red }"
32 text run at (0,272) width 16: " }"
33 text run at (0,288) width 184: "P.eight {COLOR: GREEN;}"
34 text run at (0,304) width 192: "OL:wait {color: maroon;}"
35 text run at (0,320) width 272: "P.ten:first-child {color: maroon;}"
36 text run at (0,336) width 208: "UL:lang(fr) {color: gray;}"
37 text run at (0,352) width 248: "BLOCKQUOTE[href] {color: navy;}"
38 text run at (0,368) width 288: "ACRONYM[href=\"foo\"] {color: purple;}"
39 text run at (0,384) width 296: "ADDRESS[href~=\"foo\"] {color: purple;}"
40 text run at (0,400) width 248: "SPAN[lang|=\"fr\"] {color: #c37;}"
41 text run at (0,416) width 96: "@media tty {"
42 text run at (0,432) width 136: " H1 {color: red;}"
43 text run at (0,448) width 192: " P.sixteen {color: red;}"
44 text run at (0,464) width 16: " }"
45 text run at (0,480) width 96: "@three-dee {"
46 text run at (0,496) width 208: " P.seventeen {color: red }"
47 text run at (0,512) width 16: " }"
48 text run at (0,528) width 568: "P.eighteena {text-decoration: underline overline line-through diagonal;"
49 text run at (0,544) width 416: " font: bold highlighted 100% sans-serif;}"
50 text run at (0,560) width 568: "P.eighteenb {text-decoration: underline overline line-through diagonal;"
51 text run at (0,576) width 376: " font: bold highlighted 100% serif;}"
52 text run at (0,592) width 384: "EM, P.nineteena ! EM, STRONG {font-size: 200%; }"
53 text run at (0,624) width 128: "// UL.nineteenb,"
54 text run at (0,640) width 200: "P.nineteenb {color: red;}"
55 text run at (0,672) width 360: "P.twentya {rotation-code: \"}\"; color: blue;} "
56 text run at (0,688) width 392: "P.twentyb {rotation-code: \"\\\"}\\\"\"; color: green;}"
57 text run at (0,704) width 400: "P.twentyonea {rotation-code: '}'; color: purple;} "
58 text run at (0,720) width 416: "P.twentyoneb {rotation-code: '\\'}\\''; color: green;}"
59 text run at (0,736) width 104: "P.twentytwo {"
60 text run at (0,752) width 376: " type-display: @threedee {rotation-code: '}';};"
61 text run at (0,768) width 112: " color: green;"
62 text run at (0,784) width 16: " }"
63 text run at (0,800) width 248: "P.twentythree {text-indent: 0.5"
64 text run at (248,800) width 32: "in;}"
65 text run at (0,816) width 112: " color: maroon"
66 text run at (0,832) width 208: "P.twentyfour {color: red;}"
67 RenderBlock {HR} at (1,909) size 782x2 [bgcolor=#000000]
68 RenderBlock {P} at (0,925) size 784x17 [color=#008000] [bgcolor=#000000]
69 RenderText {TEXT} at (0,0) size 532x17
70 text run at (0,0) width 532: "This paragraph should be green, because only the rotation should be ignored."
71 RenderBlock {P} at (0,956) size 784x17 [color=#008000] [bgcolor=#000000]
72 RenderText {TEXT} at (0,0) size 680x17
73 text run at (0,0) width 680: "This paragraph should be green, since error-checking should be done before calculating specificity."
74 RenderBlock {P} at (0,987) size 784x34
75 RenderText {TEXT} at (0,0) size 599x17
76 text run at (0,0) width 599: "This paragraph should have a solid gray background (or a white grid), because in CSS1, "
77 RenderInline {CODE} at (0,0) size 56x16 [bgcolor=#000000]
78 RenderText {TEXT} at (599,1) size 56x16
79 text run at (599,1) width 56: "inherit"
80 RenderText {TEXT} at (655,0) size 741x34
81 text run at (655,0) width 86: " is an invalid"
82 text run at (0,17) width 627: "keyword, and in CSS2, it will cause the gray background (not the white grid) to be inherited."
83 RenderBlock {P} at (0,1035) size 784x17 [bgcolor=#000000]
84 RenderText {TEXT} at (0,0) size 686x17
85 text run at (0,0) width 686: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply."
86 RenderBlock {P} at (0,1066) size 784x17 [bgcolor=#000000]
87 RenderText {TEXT} at (0,0) size 686x17
88 text run at (0,0) width 686: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply."
89 RenderBlock {P} at (0,1097) size 784x17 [bgcolor=#000000]
90 RenderText {TEXT} at (0,0) size 570x17
91 text run at (0,0) width 570: "This paragraph should have a white background, since keywords cannot be quoted."
92 RenderBlock {P} at (0,1128) size 784x40 [bgcolor=#000000]
93 RenderText {TEXT} at (3,3) size 739x34
94 text run at (3,3) width 710: "This paragraph should have a medium-width border around it (the same as the next three paragraphs). "
95 text run at (713,3) width 29: "This"
96 text run at (3,20) width 445: "should cause the user agent to use the default value of 'medium'."
97 RenderBlock {P} at (0,1182) size 784x57 [bgcolor=#000000]
98 RenderText {TEXT} at (3,3) size 750x51
99 text run at (3,3) width 723: "This paragraph should have a medium-width border around it (the same as the previous and the next two"
100 text run at (3,20) width 343: "paragraphs), because the border-width is invalid. "
101 text run at (346,20) width 407: "This should cause the user agent to use the default value of"
102 text run at (3,37) width 67: "'medium'."
103 RenderBlock {P} at (0,1253) size 784x57 [bgcolor=#000000]
104 RenderText {TEXT} at (3,3) size 772x51
105 text run at (3,3) width 723: "This paragraph should have a medium-width border around it (the same as the next and the previous two"
106 text run at (3,20) width 743: "paragraphs), because the border-width units are invalid, and therefore the border-width should be ignored. "
107 text run at (746,20) width 29: "This"
108 text run at (3,37) width 445: "should cause the user agent to use the default value of 'medium'."
109 RenderBlock {P} at (0,1324) size 784x57 [bgcolor=#000000]
110 RenderText {TEXT} at (3,3) size 764x51
111 text run at (3,3) width 734: "This paragraph should have a medium-width border around it (the same as the previous three paragraphs),"
112 text run at (3,20) width 685: "because the border-width does not have any value to go with its pixel unit, and is therefore invalid. "
113 text run at (688,20) width 79: "This should"
114 text run at (3,37) width 395: "cause the user agent to use the default value of 'medium'."
115 RenderBlock {P} at (0,1395) size 784x17 [bgcolor=#000000]
116 RenderText {TEXT} at (0,0) size 726x17
117 text run at (0,0) width 726: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule."
118 RenderBlock {P} at (0,1426) size 784x34 [color=#008000] [bgcolor=#000000]
119 RenderText {TEXT} at (0,0) size 758x34
120 text run at (0,0) width 226: "This paragraph should be green. "
121 text run at (226,0) width 532: "CSS is case-insensitive, unless required to be case sensitive due to interaction"
122 text run at (0,17) width 330: "with other standards (e.g., font names or URLs.)"
123 RenderBlock {OL} at (0,1474) size 784x17 [bgcolor=#000000]
124 RenderListItem {LI} at (40,0) size 744x17
125 RenderListMarker at (0,0) size 0x14
126 RenderText {TEXT} at (0,0) size 686x17
127 text run at (0,0) width 686: "This ordered list item should be black, because the declaration has an invalid pseudo-class selector."
128 RenderBlock {P} at (0,1505) size 784x34 [bgcolor=#000000]
129 RenderText {TEXT} at (0,0) size 729x34
130 text run at (0,0) width 729: "This paragraph should be black, because, in CSS1, :first-child is an invalid pseudo-class, and in CSS2, this"
131 text run at (0,17) width 213: "paragraph is not the first child."
132 RenderBlock {UL} at (0,1553) size 784x34 [bgcolor=#000000]
133 RenderListItem {LI} at (40,0) size 744x34
134 RenderListMarker at (0,0) size 0x14
135 RenderText {TEXT} at (0,0) size 732x34
136 text run at (0,0) width 732: "This unordered list item should be black, because, according to CSS1, the selector is invalid, and according"
137 text run at (0,17) width 264: "to CSS2, the selector should not apply."
138 RenderBlock {BLOCKQUOTE} at (40,1601) size 704x34 [bgcolor=#000000]
139 RenderText {TEXT} at (0,0) size 695x34
140 text run at (0,0) width 695: "This blockquote should be black, because, according to CSS1, the selector is invalid, and according to"
141 text run at (0,17) width 246: "CSS2, the selector should not apply."
142 RenderBlock {P} at (0,1649) size 784x32 [bgcolor=#000000]
143 RenderInline {ACRONYM} at (0,0) size 753x32
144 RenderText {TEXT} at (0,0) size 753x32
145 text run at (0,0) width 753: "This acronym should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector"
146 text run at (0,16) width 108: "should not apply."
147 RenderBlock {ADDRESS} at (0,1695) size 784x32 [bgcolor=#000000]
148 RenderText {TEXT} at (0,0) size 749x32
149 text run at (0,0) width 749: "This address should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector"
150 text run at (0,16) width 108: "should not apply."
151 RenderBlock {P} at (0,1741) size 784x34 [bgcolor=#000000]
152 RenderInline {SPAN} at (0,0) size 779x34
153 RenderText {TEXT} at (0,0) size 779x34
154 text run at (0,0) width 779: "This span should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector"
155 text run at (0,17) width 119: "should not apply."
156 RenderBlock {P} at (0,1789) size 784x34 [bgcolor=#000000]
157 RenderText {TEXT} at (0,0) size 735x34
158 text run at (0,0) width 726: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule."
159 text run at (0,17) width 735: "However, it is valid in CSS2, so if this is being viewed on a tty browser that supports CSS2, it should be red."
160 RenderBlock {P} at (0,1837) size 784x17 [bgcolor=#000000]
161 RenderText {TEXT} at (0,0) size 726x17
162 text run at (0,0) width 726: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule."
163 RenderBlock {P} at (0,1868) size 784x68 [bgcolor=#000000]
164 RenderText {TEXT} at (0,0) size 752x34
165 text run at (0,0) width 752: "The text of this paragraph should be normal (that is, it should not be underlined, overlined, stricken, or bold),"
166 text run at (0,17) width 60: "because "
167 RenderInline {CODE} at (0,0) size 64x16
168 RenderText {TEXT} at (60,18) size 64x16
169 text run at (60,18) width 64: "diagonal"
170 RenderText {TEXT} at (124,17) size 243x17
171 text run at (124,17) width 243: " is not a valid keyword, making the "
172 RenderInline {CODE} at (0,0) size 120x16
173 RenderText {TEXT} at (367,18) size 120x16
174 text run at (367,18) width 120: "text-decoration"
175 RenderText {TEXT} at (487,17) size 140x17
176 text run at (487,17) width 58: " invalid. "
177 text run at (545,17) width 82: "In addition, "
178 RenderInline {CODE} at (0,0) size 88x16
179 RenderText {TEXT} at (627,18) size 88x16
180 text run at (627,18) width 88: "highlighted"
181 RenderText {TEXT} at (715,17) size 770x34
182 text run at (715,17) width 55: " is not a"
183 text run at (0,34) width 112: "valid part of the "
184 RenderInline {CODE} at (0,0) size 32x16
185 RenderText {TEXT} at (112,35) size 32x16
186 text run at (112,35) width 32: "font"
187 RenderText {TEXT} at (144,34) size 766x34
188 text run at (144,34) width 195: " property, making it invalid. "
189 text run at (339,34) width 427: "Therefore, this paragraph's font should be the UA default, and"
190 text run at (0,51) width 186: "match the next paragraph. "
191 text run at (186,51) width 213: "If this is not the case, then the "
192 RenderInline {CODE} at (0,0) size 32x16
193 RenderText {TEXT} at (399,52) size 32x16
194 text run at (399,52) width 32: "font"
195 RenderText {TEXT} at (431,51) size 273x17
196 text run at (431,51) width 273: " declaration is being improperly parsed."
197 RenderBlock {P} at (0,1950) size 784x68 [bgcolor=#000000]
198 RenderText {TEXT} at (0,0) size 752x34
199 text run at (0,0) width 752: "The text of this paragraph should be normal (that is, it should not be underlined, overlined, stricken, or bold),"
200 text run at (0,17) width 60: "because "
201 RenderInline {CODE} at (0,0) size 64x16
202 RenderText {TEXT} at (60,18) size 64x16
203 text run at (60,18) width 64: "diagonal"
204 RenderText {TEXT} at (124,17) size 243x17
205 text run at (124,17) width 243: " is not a valid keyword, making the "
206 RenderInline {CODE} at (0,0) size 120x16
207 RenderText {TEXT} at (367,18) size 120x16
208 text run at (367,18) width 120: "text-decoration"
209 RenderText {TEXT} at (487,17) size 140x17
210 text run at (487,17) width 58: " invalid. "
211 text run at (545,17) width 82: "In addition, "
212 RenderInline {CODE} at (0,0) size 88x16
213 RenderText {TEXT} at (627,18) size 88x16
214 text run at (627,18) width 88: "highlighted"
215 RenderText {TEXT} at (715,17) size 770x34
216 text run at (715,17) width 55: " is not a"
217 text run at (0,34) width 112: "valid part of the "
218 RenderInline {CODE} at (0,0) size 32x16
219 RenderText {TEXT} at (112,35) size 32x16
220 text run at (112,35) width 32: "font"
221 RenderText {TEXT} at (144,34) size 766x34
222 text run at (144,34) width 195: " property, making it invalid. "
223 text run at (339,34) width 427: "Therefore, this paragraph's font should be the UA default, and"
224 text run at (0,51) width 214: "match the previous paragraph. "
225 text run at (214,51) width 213: "If this is not the case, then the "
226 RenderInline {CODE} at (0,0) size 32x16
227 RenderText {TEXT} at (427,52) size 32x16
228 text run at (427,52) width 32: "font"
229 RenderText {TEXT} at (459,51) size 273x17
230 text run at (459,51) width 273: " declaration is being improperly parsed."
231 RenderBlock {P} at (0,2032) size 784x51 [bgcolor=#000000]
232 RenderText {TEXT} at (0,0) size 582x17
233 text run at (0,0) width 552: "The text of this paragraph should be normal size because the selector is invalid. "
234 text run at (552,0) width 30: "The "
235 RenderInline {EM} at (0,0) size 104x16
236 RenderText {TEXT} at (582,1) size 104x16
237 text run at (582,1) width 104: "emphasized text"
238 RenderText {TEXT} at (686,0) size 56x17
239 text run at (686,0) width 56: " and the"
240 RenderInline {STRONG} at (0,0) size 81x17
241 RenderText {TEXT} at (0,17) size 81x17
242 text run at (0,17) width 81: "strong text"
243 RenderText {TEXT} at (81,17) size 770x34
244 text run at (81,17) width 689: " within it should also be normal size, since the entire ruleset should be skipped (since in some future"
245 text run at (0,34) width 719: "version of CSS, there could be an operator within the selector that has higher precedence than a comma)."
246 RenderBlock {P} at (0,2097) size 784x34 [bgcolor=#000000]
247 RenderText {TEXT} at (0,0) size 508x17
248 text run at (0,0) width 508: "This paragraph should be black, because the line before the declaration is "
249 RenderInline {STRONG} at (0,0) size 24x17
250 RenderText {TEXT} at (508,0) size 24x17
251 text run at (508,0) width 24: "not"
252 RenderText {TEXT} at (532,0) size 735x34
253 text run at (532,0) width 203: " a comment and therefore the"
254 text run at (0,17) width 233: "selector for P.nineteenb is invalid."
255 RenderBlock {P} at (0,2145) size 784x17 [color=#0000FF] [bgcolor=#000000]
256 RenderText {TEXT} at (0,0) size 514x17
257 text run at (0,0) width 514: "This paragraph should be blue, because only the first declaration is invalid."
258 RenderBlock {P} at (0,2176) size 784x17 [color=#008000] [bgcolor=#000000]
259 RenderText {TEXT} at (0,0) size 523x17
260 text run at (0,0) width 523: "This paragraph should be green, because only the first declaration is invalid."
261 RenderBlock {P} at (0,2207) size 784x17 [color=#800080] [bgcolor=#000000]
262 RenderText {TEXT} at (0,0) size 528x17
263 text run at (0,0) width 528: "This paragraph should be purple, because only the first declaration is invalid."
264 RenderBlock {P} at (0,2238) size 784x17 [color=#008000] [bgcolor=#000000]
265 RenderText {TEXT} at (0,0) size 523x17
266 text run at (0,0) width 523: "This paragraph should be green, because only the first declaration is invalid."
267 RenderBlock {P} at (0,2269) size 784x17 [color=#008000] [bgcolor=#000000]
268 RenderText {TEXT} at (0,0) size 523x17
269 text run at (0,0) width 523: "This paragraph should be green, because only the first declaration is invalid."
270 RenderBlock {P} at (0,2300) size 784x17 [bgcolor=#000000]
271 RenderText {TEXT} at (48,0) size 658x17
272 text run at (48,0) width 532: "This paragraph should be indented half an inch, but it should not be maroon. "
273 text run at (580,0) width 126: "It should be black."
274 RenderBlock {P} at (0,2331) size 784x34 [bgcolor=#000000]
275 RenderText {TEXT} at (0,0) size 782x34
276 text run at (0,0) width 782: "This paragraph should be black, because the color declaration after the previous ruleset should be considered part"
277 text run at (0,17) width 730: "of the selector for this ruleset, and this ruleset therefore has an invalid selector and should not be applied."
278 RenderTable {TABLE} at (0,2379) size 784x1492 [bgcolor=#000000]
279 RenderTableSection {TBODY} at (1,1) size 0x1490
280 RenderTableRow {TR} at (0,0) size 0x0
281 RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
282 RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
283 RenderText {TEXT} at (4,4) size 164x17
284 text run at (4,4) width 164: "TABLE Testing Section"
285 RenderTableRow {TR} at (0,0) size 0x0
286 RenderTableCell {TD} at (0,745) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
287 RenderText {TEXT} at (4,4) size 4x17
288 text run at (4,4) width 4: "\x{A0}"
289 RenderTableCell {TD} at (12,25) size 770x1465 [r=1 c=1 rs=1 cs=1]
290 RenderBlock {P} at (4,4) size 762x17 [color=#008000]
291 RenderText {TEXT} at (0,0) size 532x17
292 text run at (0,0) width 532: "This paragraph should be green, because only the rotation should be ignored."
293 RenderBlock {P} at (4,35) size 762x17 [color=#008000]
294 RenderText {TEXT} at (0,0) size 680x17
295 text run at (0,0) width 680: "This paragraph should be green, since error-checking should be done before calculating specificity."
296 RenderBlock {P} at (4,66) size 762x34
297 RenderText {TEXT} at (0,0) size 599x17
298 text run at (0,0) width 599: "This paragraph should have a solid gray background (or a white grid), because in CSS1, "
299 RenderInline {CODE} at (0,0) size 56x16
300 RenderText {TEXT} at (599,1) size 56x16
301 text run at (599,1) width 56: "inherit"
302 RenderText {TEXT} at (655,0) size 741x34
303 text run at (655,0) width 86: " is an invalid"
304 text run at (0,17) width 627: "keyword, and in CSS2, it will cause the gray background (not the white grid) to be inherited."
305 RenderBlock {P} at (4,114) size 762x17
306 RenderText {TEXT} at (0,0) size 686x17
307 text run at (0,0) width 686: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply."
308 RenderBlock {P} at (4,145) size 762x17
309 RenderText {TEXT} at (0,0) size 686x17
310 text run at (0,0) width 686: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply."
311 RenderBlock {P} at (4,176) size 762x17
312 RenderText {TEXT} at (0,0) size 570x17
313 text run at (0,0) width 570: "This paragraph should have a white background, since keywords cannot be quoted."
314 RenderBlock {P} at (4,207) size 762x40
315 RenderText {TEXT} at (3,3) size 739x34
316 text run at (3,3) width 710: "This paragraph should have a medium-width border around it (the same as the next three paragraphs). "
317 text run at (713,3) width 29: "This"
318 text run at (3,20) width 445: "should cause the user agent to use the default value of 'medium'."
319 RenderBlock {P} at (4,261) size 762x57
320 RenderText {TEXT} at (3,3) size 750x51
321 text run at (3,3) width 723: "This paragraph should have a medium-width border around it (the same as the previous and the next two"
322 text run at (3,20) width 343: "paragraphs), because the border-width is invalid. "
323 text run at (346,20) width 407: "This should cause the user agent to use the default value of"
324 text run at (3,37) width 67: "'medium'."
325 RenderBlock {P} at (4,332) size 762x57
326 RenderText {TEXT} at (3,3) size 739x51
327 text run at (3,3) width 723: "This paragraph should have a medium-width border around it (the same as the next and the previous two"
328 text run at (3,20) width 739: "paragraphs), because the border-width units are invalid, and therefore the border-width should be ignored."
329 text run at (3,37) width 478: "This should cause the user agent to use the default value of 'medium'."
330 RenderBlock {P} at (4,403) size 762x57
331 RenderText {TEXT} at (3,3) size 734x51
332 text run at (3,3) width 734: "This paragraph should have a medium-width border around it (the same as the previous three paragraphs),"
333 text run at (3,20) width 685: "because the border-width does not have any value to go with its pixel unit, and is therefore invalid. "
334 text run at (688,20) width 29: "This"
335 text run at (3,37) width 445: "should cause the user agent to use the default value of 'medium'."
336 RenderBlock {P} at (4,474) size 762x17
337 RenderText {TEXT} at (0,0) size 726x17
338 text run at (0,0) width 726: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule."
339 RenderBlock {P} at (4,505) size 762x34 [color=#008000]
340 RenderText {TEXT} at (0,0) size 758x34
341 text run at (0,0) width 226: "This paragraph should be green. "
342 text run at (226,0) width 532: "CSS is case-insensitive, unless required to be case sensitive due to interaction"
343 text run at (0,17) width 330: "with other standards (e.g., font names or URLs.)"
344 RenderBlock {OL} at (4,553) size 762x17
345 RenderListItem {LI} at (40,0) size 722x17
346 RenderListMarker at (0,0) size 0x14
347 RenderText {TEXT} at (0,0) size 686x17
348 text run at (0,0) width 686: "This ordered list item should be black, because the declaration has an invalid pseudo-class selector."
349 RenderBlock {P} at (4,584) size 762x34
350 RenderText {TEXT} at (0,0) size 729x34
351 text run at (0,0) width 729: "This paragraph should be black, because, in CSS1, :first-child is an invalid pseudo-class, and in CSS2, this"
352 text run at (0,17) width 213: "paragraph is not the first child."
353 RenderBlock {UL} at (4,632) size 762x34
354 RenderListItem {LI} at (40,0) size 722x34
355 RenderListMarker at (0,0) size 0x14
356 RenderText {TEXT} at (0,0) size 661x34
357 text run at (0,0) width 661: "This unordered list item should be black, because, according to CSS1, the selector is invalid, and"
358 text run at (0,17) width 335: "according to CSS2, the selector should not apply."
359 RenderBlock {BLOCKQUOTE} at (44,680) size 682x34
360 RenderText {TEXT} at (0,0) size 677x34
361 text run at (0,0) width 677: "This blockquote should be black, because, according to CSS1, the selector is invalid, and according"
362 text run at (0,17) width 264: "to CSS2, the selector should not apply."
363 RenderBlock {P} at (4,728) size 762x32
364 RenderInline {ACRONYM} at (0,0) size 753x32
365 RenderText {TEXT} at (0,0) size 753x32
366 text run at (0,0) width 753: "This acronym should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector"
367 text run at (0,16) width 108: "should not apply."
368 RenderBlock {ADDRESS} at (4,774) size 762x32
369 RenderText {TEXT} at (0,0) size 749x32
370 text run at (0,0) width 749: "This address should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector"
371 text run at (0,16) width 108: "should not apply."
372 RenderBlock {P} at (4,820) size 762x34
373 RenderInline {SPAN} at (0,0) size 721x34
374 RenderText {TEXT} at (0,0) size 721x34
375 text run at (0,0) width 721: "This span should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the"
376 text run at (0,17) width 177: "selector should not apply."
377 RenderBlock {P} at (4,868) size 762x34
378 RenderText {TEXT} at (0,0) size 735x34
379 text run at (0,0) width 726: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule."
380 text run at (0,17) width 735: "However, it is valid in CSS2, so if this is being viewed on a tty browser that supports CSS2, it should be red."
381 RenderBlock {P} at (4,916) size 762x17
382 RenderText {TEXT} at (0,0) size 726x17
383 text run at (0,0) width 726: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule."
384 RenderBlock {P} at (4,947) size 762x68
385 RenderText {TEXT} at (0,0) size 752x34
386 text run at (0,0) width 752: "The text of this paragraph should be normal (that is, it should not be underlined, overlined, stricken, or bold),"
387 text run at (0,17) width 60: "because "
388 RenderInline {CODE} at (0,0) size 64x16
389 RenderText {TEXT} at (60,18) size 64x16
390 text run at (60,18) width 64: "diagonal"
391 RenderText {TEXT} at (124,17) size 243x17
392 text run at (124,17) width 243: " is not a valid keyword, making the "
393 RenderInline {CODE} at (0,0) size 120x16
394 RenderText {TEXT} at (367,18) size 120x16
395 text run at (367,18) width 120: "text-decoration"
396 RenderText {TEXT} at (487,17) size 140x17
397 text run at (487,17) width 58: " invalid. "
398 text run at (545,17) width 82: "In addition, "
399 RenderInline {CODE} at (0,0) size 88x16
400 RenderText {TEXT} at (627,18) size 88x16
401 text run at (627,18) width 88: "highlighted"
402 RenderText {TEXT} at (715,17) size 758x34
403 text run at (715,17) width 43: " is not"
404 text run at (0,34) width 124: "a valid part of the "
405 RenderInline {CODE} at (0,0) size 32x16
406 RenderText {TEXT} at (124,35) size 32x16
407 text run at (124,35) width 32: "font"
408 RenderText {TEXT} at (156,34) size 748x34
409 text run at (156,34) width 195: " property, making it invalid. "
410 text run at (351,34) width 397: "Therefore, this paragraph's font should be the UA default,"
411 text run at (0,51) width 216: "and match the next paragraph. "
412 text run at (216,51) width 213: "If this is not the case, then the "
413 RenderInline {CODE} at (0,0) size 32x16
414 RenderText {TEXT} at (429,52) size 32x16
415 text run at (429,52) width 32: "font"
416 RenderText {TEXT} at (461,51) size 273x17
417 text run at (461,51) width 273: " declaration is being improperly parsed."
418 RenderBlock {P} at (4,1029) size 762x68
419 RenderText {TEXT} at (0,0) size 752x34
420 text run at (0,0) width 752: "The text of this paragraph should be normal (that is, it should not be underlined, overlined, stricken, or bold),"
421 text run at (0,17) width 60: "because "
422 RenderInline {CODE} at (0,0) size 64x16
423 RenderText {TEXT} at (60,18) size 64x16
424 text run at (60,18) width 64: "diagonal"
425 RenderText {TEXT} at (124,17) size 243x17
426 text run at (124,17) width 243: " is not a valid keyword, making the "
427 RenderInline {CODE} at (0,0) size 120x16
428 RenderText {TEXT} at (367,18) size 120x16
429 text run at (367,18) width 120: "text-decoration"
430 RenderText {TEXT} at (487,17) size 140x17
431 text run at (487,17) width 58: " invalid. "
432 text run at (545,17) width 82: "In addition, "
433 RenderInline {CODE} at (0,0) size 88x16
434 RenderText {TEXT} at (627,18) size 88x16
435 text run at (627,18) width 88: "highlighted"
436 RenderText {TEXT} at (715,17) size 758x34
437 text run at (715,17) width 43: " is not"
438 text run at (0,34) width 124: "a valid part of the "
439 RenderInline {CODE} at (0,0) size 32x16
440 RenderText {TEXT} at (124,35) size 32x16
441 text run at (124,35) width 32: "font"
442 RenderText {TEXT} at (156,34) size 748x34
443 text run at (156,34) width 195: " property, making it invalid. "
444 text run at (351,34) width 397: "Therefore, this paragraph's font should be the UA default,"
445 text run at (0,51) width 244: "and match the previous paragraph. "
446 text run at (244,51) width 213: "If this is not the case, then the "
447 RenderInline {CODE} at (0,0) size 32x16
448 RenderText {TEXT} at (457,52) size 32x16
449 text run at (457,52) width 32: "font"
450 RenderText {TEXT} at (489,51) size 273x17
451 text run at (489,51) width 273: " declaration is being improperly parsed."
452 RenderBlock {P} at (4,1111) size 762x68
453 RenderText {TEXT} at (0,0) size 582x17
454 text run at (0,0) width 552: "The text of this paragraph should be normal size because the selector is invalid. "
455 text run at (552,0) width 30: "The "
456 RenderInline {EM} at (0,0) size 104x16
457 RenderText {TEXT} at (582,1) size 104x16
458 text run at (582,1) width 104: "emphasized text"
459 RenderText {TEXT} at (686,0) size 56x17
460 text run at (686,0) width 56: " and the"
461 RenderInline {STRONG} at (0,0) size 81x17
462 RenderText {TEXT} at (0,17) size 81x17
463 text run at (0,17) width 81: "strong text"
464 RenderText {TEXT} at (81,17) size 724x51
465 text run at (81,17) width 643: " within it should also be normal size, since the entire ruleset should be skipped (since in some"
466 text run at (0,34) width 701: "future version of CSS, there could be an operator within the selector that has higher precedence than a"
467 text run at (0,51) width 60: "comma)."
468 RenderBlock {P} at (4,1193) size 762x34
469 RenderText {TEXT} at (0,0) size 508x17
470 text run at (0,0) width 508: "This paragraph should be black, because the line before the declaration is "
471 RenderInline {STRONG} at (0,0) size 24x17
472 RenderText {TEXT} at (508,0) size 24x17
473 text run at (508,0) width 24: "not"
474 RenderText {TEXT} at (532,0) size 735x34
475 text run at (532,0) width 203: " a comment and therefore the"
476 text run at (0,17) width 233: "selector for P.nineteenb is invalid."
477 RenderBlock {P} at (4,1241) size 762x17 [color=#0000FF]
478 RenderText {TEXT} at (0,0) size 514x17
479 text run at (0,0) width 514: "This paragraph should be blue, because only the first declaration is invalid."
480 RenderBlock {P} at (4,1272) size 762x17 [color=#008000]
481 RenderText {TEXT} at (0,0) size 523x17
482 text run at (0,0) width 523: "This paragraph should be green, because only the first declaration is invalid."
483 RenderBlock {P} at (4,1303) size 762x17 [color=#800080]
484 RenderText {TEXT} at (0,0) size 528x17
485 text run at (0,0) width 528: "This paragraph should be purple, because only the first declaration is invalid."
486 RenderBlock {P} at (4,1334) size 762x17 [color=#008000]
487 RenderText {TEXT} at (0,0) size 523x17
488 text run at (0,0) width 523: "This paragraph should be green, because only the first declaration is invalid."
489 RenderBlock {P} at (4,1365) size 762x17 [color=#008000]
490 RenderText {TEXT} at (0,0) size 523x17
491 text run at (0,0) width 523: "This paragraph should be green, because only the first declaration is invalid."
492 RenderBlock {P} at (4,1396) size 762x17
493 RenderText {TEXT} at (48,0) size 658x17
494 text run at (48,0) width 532: "This paragraph should be indented half an inch, but it should not be maroon. "
495 text run at (580,0) width 126: "It should be black."
496 RenderBlock {P} at (4,1427) size 762x34
497 RenderText {TEXT} at (0,0) size 762x34
498 text run at (0,0) width 750: "This paragraph should be black, because the color declaration after the previous ruleset should be considered"
499 text run at (0,17) width 762: "part of the selector for this ruleset, and this ruleset therefore has an invalid selector and should not be applied."