1 layer at (0,0) size 785x4035
2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x4035
4 RenderBlock {HTML} at (0,0) size 785x4035
5 RenderBody {BODY} at (8,8) size 769x4019 [bgcolor=#CCCCCC]
6 RenderBlock {P} at (0,0) size 769x18
7 RenderText {#text} at (0,0) size 355x18
8 text run at (0,0) width 355: "The style declarations which apply to the text below are:"
9 RenderBlock {PRE} at (0,34) size 769x810
10 RenderText {#text} at (0,0) size 568x810
11 text run at (0,0) width 304: "P.one {color: green; rotation: 70deg;}"
12 text run at (304,0) width 0: " "
13 text run at (0,15) width 176: "P.oneb {color: green;}"
14 text run at (176,15) width 0: " "
15 text run at (0,30) width 232: "P.oneb {color: invalidValue;}"
16 text run at (232,30) width 0: " "
17 text run at (0,45) width 272: "P.two {background-color: inherit;}"
18 text run at (272,45) width 0: " "
19 text run at (0,60) width 216: "H1 + P.three {color: blue;}"
20 text run at (216,60) width 0: " "
21 text run at (0,75) width 200: "P.four + H1 {color: red;}"
22 text run at (200,75) width 0: " "
23 text run at (0,90) width 264: "P.five {background-color: \"red\";}"
24 text run at (264,90) width 0: " "
25 text run at (0,105) width 408: "P.sixa {border-width: medium; border-style: solid;}"
26 text run at (408,105) width 0: " "
27 text run at (0,120) width 400: "P.sixb {border-width: funny; border-style: solid;}"
28 text run at (400,120) width 0: " "
29 text run at (0,135) width 392: "P.sixc {border-width: 50zu; border-style: solid;}"
30 text run at (392,135) width 0: " "
31 text run at (0,150) width 376: "P.sixd {border-width: px; border-style: solid;}"
32 text run at (376,150) width 0: " "
33 text run at (0,165) width 96: "@three-dee {"
34 text run at (96,165) width 0: " "
35 text run at (0,180) width 184: " @background-lighting {"
36 text run at (184,180) width 0: " "
37 text run at (0,195) width 136: " azimuth: 30deg;"
38 text run at (136,195) width 0: " "
39 text run at (0,210) width 160: " elevation: 190deg;"
40 text run at (160,210) width 0: " "
41 text run at (0,225) width 24: " }"
42 text run at (24,225) width 0: " "
43 text run at (0,240) width 184: " P.seven { color: red }"
44 text run at (184,240) width 0: " "
45 text run at (0,255) width 16: " }"
46 text run at (16,255) width 0: " "
47 text run at (0,270) width 184: "P.eight {COLOR: GREEN;}"
48 text run at (184,270) width 0: " "
49 text run at (0,285) width 192: "OL:wait {color: maroon;}"
50 text run at (192,285) width 0: " "
51 text run at (0,300) width 272: "P.ten:first-child {color: maroon;}"
52 text run at (272,300) width 0: " "
53 text run at (0,315) width 208: "UL:lang(fr) {color: gray;}"
54 text run at (208,315) width 0: " "
55 text run at (0,330) width 248: "BLOCKQUOTE[href] {color: navy;}"
56 text run at (248,330) width 0: " "
57 text run at (0,345) width 288: "ACRONYM[href=\"foo\"] {color: purple;}"
58 text run at (288,345) width 0: " "
59 text run at (0,360) width 296: "ADDRESS[href~=\"foo\"] {color: purple;}"
60 text run at (296,360) width 0: " "
61 text run at (0,375) width 248: "SPAN[lang|=\"fr\"] {color: #c37;}"
62 text run at (248,375) width 0: " "
63 text run at (0,390) width 96: "@media tty {"
64 text run at (96,390) width 0: " "
65 text run at (0,405) width 136: " H1 {color: red;}"
66 text run at (136,405) width 0: " "
67 text run at (0,420) width 192: " P.sixteen {color: red;}"
68 text run at (192,420) width 0: " "
69 text run at (0,435) width 16: " }"
70 text run at (16,435) width 0: " "
71 text run at (0,450) width 96: "@three-dee {"
72 text run at (96,450) width 0: " "
73 text run at (0,465) width 208: " P.seventeen {color: red }"
74 text run at (208,465) width 0: " "
75 text run at (0,480) width 16: " }"
76 text run at (16,480) width 0: " "
77 text run at (0,495) width 568: "P.eighteena {text-decoration: underline overline line-through diagonal;"
78 text run at (568,495) width 0: " "
79 text run at (0,510) width 416: " font: bold highlighted 100% sans-serif;}"
80 text run at (416,510) width 0: " "
81 text run at (0,525) width 568: "P.eighteenb {text-decoration: underline overline line-through diagonal;"
82 text run at (568,525) width 0: " "
83 text run at (0,540) width 376: " font: bold highlighted 100% serif;}"
84 text run at (376,540) width 0: " "
85 text run at (0,555) width 384: "EM, P.nineteena ! EM, STRONG {font-size: 200%; }"
86 text run at (384,555) width 0: " "
87 text run at (0,570) width 0: " "
88 text run at (0,585) width 128: "// UL.nineteenb,"
89 text run at (128,585) width 0: " "
90 text run at (0,600) width 200: "P.nineteenb {color: red;}"
91 text run at (200,600) width 0: " "
92 text run at (0,615) width 0: " "
93 text run at (0,630) width 360: "P.twentya {rotation-code: \"}\"; color: blue;} "
94 text run at (360,630) width 0: " "
95 text run at (0,645) width 392: "P.twentyb {rotation-code: \"\\\"}\\\"\"; color: green;}"
96 text run at (392,645) width 0: " "
97 text run at (0,660) width 400: "P.twentyonea {rotation-code: '}'; color: purple;} "
98 text run at (400,660) width 0: " "
99 text run at (0,675) width 416: "P.twentyoneb {rotation-code: '\\'}\\''; color: green;}"
100 text run at (416,675) width 0: " "
101 text run at (0,690) width 104: "P.twentytwo {"
102 text run at (104,690) width 0: " "
103 text run at (0,705) width 376: " type-display: @threedee {rotation-code: '}';};"
104 text run at (376,705) width 0: " "
105 text run at (0,720) width 112: " color: green;"
106 text run at (112,720) width 0: " "
107 text run at (0,735) width 16: " }"
108 text run at (16,735) width 0: " "
109 text run at (0,750) width 280: "P.twentythree {text-indent: 0.5in;}"
110 text run at (280,750) width 0: " "
111 text run at (0,765) width 112: " color: maroon"
112 text run at (112,765) width 0: " "
113 text run at (0,780) width 208: "P.twentyfour {color: red;}"
114 text run at (208,780) width 0: " "
115 text run at (0,795) width 0: " "
116 RenderBlock {HR} at (0,857) size 769x2 [border: (1px inset #000000)]
117 RenderBlock {P} at (0,875) size 769x18 [color=#008000]
118 RenderText {#text} at (0,0) size 485x18
119 text run at (0,0) width 485: "This paragraph should be green, because only the rotation should be ignored."
120 RenderBlock {P} at (0,909) size 769x18 [color=#008000]
121 RenderText {#text} at (0,0) size 623x18
122 text run at (0,0) width 623: "This paragraph should be green, since error-checking should be done before calculating specificity."
123 RenderBlock {P} at (0,943) size 769x36
124 RenderText {#text} at (0,0) size 560x18
125 text run at (0,0) width 560: "This paragraph should have a solid gray background (or a white grid), because in CSS1, "
126 RenderInline {CODE} at (0,0) size 56x15
127 RenderText {#text} at (560,2) size 56x15
128 text run at (560,2) width 56: "inherit"
129 RenderText {#text} at (616,0) size 760x36
130 text run at (616,0) width 144: " is an invalid keyword,"
131 text run at (0,18) width 520: "and in CSS2, it will cause the gray background (not the white grid) to be inherited."
132 RenderBlock {P} at (0,995) size 769x18
133 RenderText {#text} at (0,0) size 639x18
134 text run at (0,0) width 639: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply."
135 RenderBlock {P} at (0,1029) size 769x18
136 RenderText {#text} at (0,0) size 639x18
137 text run at (0,0) width 639: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply."
138 RenderBlock {P} at (0,1063) size 769x18
139 RenderText {#text} at (0,0) size 526x18
140 text run at (0,0) width 526: "This paragraph should have a white background, since keywords cannot be quoted."
141 RenderBlock {P} at (0,1097) size 769x42 [border: (3px solid #000000)]
142 RenderText {#text} at (3,3) size 756x36
143 text run at (3,3) width 643: "This paragraph should have a medium-width border around it (the same as the next three paragraphs). "
144 text run at (646,3) width 113: "This should cause"
145 text run at (3,21) width 318: "the user agent to use the default value of 'medium'."
146 RenderBlock {P} at (0,1155) size 769x42 [border: (3px solid #000000)]
147 RenderText {#text} at (3,3) size 740x36
148 text run at (3,3) width 740: "This paragraph should have a medium-width border around it (the same as the previous and the next two paragraphs),"
149 text run at (3,21) width 228: "because the border-width is invalid. "
150 text run at (231,21) width 435: "This should cause the user agent to use the default value of 'medium'."
151 RenderBlock {P} at (0,1213) size 769x60 [border: (3px solid #000000)]
152 RenderText {#text} at (3,3) size 754x54
153 text run at (3,3) width 740: "This paragraph should have a medium-width border around it (the same as the next and the previous two paragraphs),"
154 text run at (3,21) width 588: "because the border-width units are invalid, and therefore the border-width should be ignored. "
155 text run at (591,21) width 166: "This should cause the user"
156 text run at (3,39) width 265: "agent to use the default value of 'medium'."
157 RenderBlock {P} at (0,1289) size 769x60 [border: (3px solid #000000)]
158 RenderText {#text} at (3,3) size 751x54
159 text run at (3,3) width 743: "This paragraph should have a medium-width border around it (the same as the previous three paragraphs), because the"
160 text run at (3,21) width 547: "border-width does not have any value to go with its pixel unit, and is therefore invalid. "
161 text run at (550,21) width 204: "This should cause the user agent"
162 text run at (3,39) width 227: "to use the default value of 'medium'."
163 RenderBlock {P} at (0,1365) size 769x18
164 RenderText {#text} at (0,0) size 660x18
165 text run at (0,0) width 660: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule."
166 RenderBlock {P} at (0,1399) size 769x36 [color=#008000]
167 RenderText {#text} at (0,0) size 760x36
168 text run at (0,0) width 207: "This paragraph should be green. "
169 text run at (207,0) width 553: "CSS is case-insensitive, unless required to be case sensitive due to interaction with other"
170 text run at (0,18) width 237: "standards (e.g., font names or URLs.)"
171 RenderBlock {OL} at (0,1451) size 769x18
172 RenderListItem {LI} at (40,0) size 729x18
173 RenderListMarker at (-20,0) size 16x18
174 RenderText {#text} at (0,0) size 621x18
175 text run at (0,0) width 621: "This ordered list item should be black, because the declaration has an invalid pseudo-class selector."
176 RenderBlock {P} at (0,1485) size 769x36
177 RenderText {#text} at (0,0) size 752x36
178 text run at (0,0) width 752: "This paragraph should be black, because, in CSS1, :first-child is an invalid pseudo-class, and in CSS2, this paragraph is"
179 text run at (0,18) width 110: "not the first child."
180 RenderBlock {UL} at (0,1537) size 769x36
181 RenderListItem {LI} at (40,0) size 729x36
182 RenderListMarker at (-17,0) size 7x18
183 RenderText {#text} at (0,0) size 690x36
184 text run at (0,0) width 690: "This unordered list item should be black, because, according to CSS1, the selector is invalid, and according to"
185 text run at (0,18) width 229: "CSS2, the selector should not apply."
186 RenderBlock {BLOCKQUOTE} at (40,1589) size 689x36
187 RenderText {#text} at (0,0) size 688x36
188 text run at (0,0) width 688: "This blockquote should be black, because, according to CSS1, the selector is invalid, and according to CSS2,"
189 text run at (0,18) width 184: "the selector should not apply."
190 RenderBlock {P} at (0,1641) size 769x36
191 RenderInline {ACRONYM} at (0,0) size 748x36
192 RenderText {#text} at (0,0) size 748x36
193 text run at (0,0) width 748: "This acronym should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector"
194 text run at (0,18) width 109: "should not apply."
195 RenderBlock {ADDRESS} at (0,1693) size 769x36
196 RenderText {#text} at (0,0) size 745x36
197 text run at (0,0) width 745: "This address should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector"
198 text run at (0,18) width 109: "should not apply."
199 RenderBlock {P} at (0,1745) size 769x36
200 RenderInline {SPAN} at (0,0) size 768x36
201 RenderText {#text} at (0,0) size 768x36
202 text run at (0,0) width 768: "This span should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector should"
203 text run at (0,18) width 63: "not apply."
204 RenderBlock {P} at (0,1797) size 769x36
205 RenderText {#text} at (0,0) size 753x36
206 text run at (0,0) width 664: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule. "
207 text run at (664,0) width 89: "However, it is"
208 text run at (0,18) width 592: "valid in CSS2, so if this is being viewed on a tty browser that supports CSS2, it should be red."
209 RenderBlock {P} at (0,1849) size 769x18
210 RenderText {#text} at (0,0) size 660x18
211 text run at (0,0) width 660: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule."
212 RenderBlock {P} at (0,1883) size 769x72
213 RenderText {#text} at (0,0) size 737x18
214 text run at (0,0) width 737: "The text of this paragraph should be normal (that is, it should not be underlined, overlined, stricken, or bold), because"
215 RenderInline {CODE} at (0,0) size 64x15
216 RenderText {#text} at (0,20) size 64x15
217 text run at (0,20) width 64: "diagonal"
218 RenderText {#text} at (64,18) size 226x18
219 text run at (64,18) width 226: " is not a valid keyword, making the "
220 RenderInline {CODE} at (0,0) size 120x15
221 RenderText {#text} at (290,20) size 120x15
222 text run at (290,20) width 120: "text-decoration"
223 RenderText {#text} at (410,18) size 131x18
224 text run at (410,18) width 55: " invalid. "
225 text run at (465,18) width 76: "In addition, "
226 RenderInline {CODE} at (0,0) size 88x15
227 RenderText {#text} at (541,20) size 88x15
228 text run at (541,20) width 88: "highlighted"
229 RenderText {#text} at (629,18) size 758x36
230 text run at (629,18) width 129: " is not a valid part of"
231 text run at (0,36) width 23: "the "
232 RenderInline {CODE} at (0,0) size 32x15
233 RenderText {#text} at (23,38) size 32x15
234 text run at (23,38) width 32: "font"
235 RenderText {#text} at (55,36) size 721x36
236 text run at (55,36) width 179: " property, making it invalid. "
237 text run at (234,36) width 487: "Therefore, this paragraph's font should be the UA default, and match the next"
238 text run at (0,54) width 71: "paragraph. "
239 text run at (71,54) width 190: "If this is not the case, then the "
240 RenderInline {CODE} at (0,0) size 32x15
241 RenderText {#text} at (261,56) size 32x15
242 text run at (261,56) width 32: "font"
243 RenderText {#text} at (293,54) size 248x18
244 text run at (293,54) width 248: " declaration is being improperly parsed."
245 RenderBlock {P} at (0,1971) size 769x72
246 RenderText {#text} at (0,0) size 737x18
247 text run at (0,0) width 737: "The text of this paragraph should be normal (that is, it should not be underlined, overlined, stricken, or bold), because"
248 RenderInline {CODE} at (0,0) size 64x15
249 RenderText {#text} at (0,20) size 64x15
250 text run at (0,20) width 64: "diagonal"
251 RenderText {#text} at (64,18) size 226x18
252 text run at (64,18) width 226: " is not a valid keyword, making the "
253 RenderInline {CODE} at (0,0) size 120x15
254 RenderText {#text} at (290,20) size 120x15
255 text run at (290,20) width 120: "text-decoration"
256 RenderText {#text} at (410,18) size 131x18
257 text run at (410,18) width 55: " invalid. "
258 text run at (465,18) width 76: "In addition, "
259 RenderInline {CODE} at (0,0) size 88x15
260 RenderText {#text} at (541,20) size 88x15
261 text run at (541,20) width 88: "highlighted"
262 RenderText {#text} at (629,18) size 758x36
263 text run at (629,18) width 129: " is not a valid part of"
264 text run at (0,36) width 23: "the "
265 RenderInline {CODE} at (0,0) size 32x15
266 RenderText {#text} at (23,38) size 32x15
267 text run at (23,38) width 32: "font"
268 RenderText {#text} at (55,36) size 748x36
269 text run at (55,36) width 179: " property, making it invalid. "
270 text run at (234,36) width 514: "Therefore, this paragraph's font should be the UA default, and match the previous"
271 text run at (0,54) width 71: "paragraph. "
272 text run at (71,54) width 190: "If this is not the case, then the "
273 RenderInline {CODE} at (0,0) size 32x15
274 RenderText {#text} at (261,56) size 32x15
275 text run at (261,56) width 32: "font"
276 RenderText {#text} at (293,54) size 248x18
277 text run at (293,54) width 248: " declaration is being improperly parsed."
278 RenderBlock {P} at (0,2059) size 769x54
279 RenderText {#text} at (0,0) size 530x18
280 text run at (0,0) width 501: "The text of this paragraph should be normal size because the selector is invalid. "
281 text run at (501,0) width 29: "The "
282 RenderInline {EM} at (0,0) size 100x18
283 RenderText {#text} at (530,0) size 100x18
284 text run at (530,0) width 100: "emphasized text"
285 RenderText {#text} at (630,0) size 54x18
286 text run at (630,0) width 54: " and the "
287 RenderInline {STRONG} at (0,0) size 72x18
288 RenderText {#text} at (684,0) size 72x18
289 text run at (684,0) width 72: "strong text"
290 RenderText {#text} at (0,18) size 761x36
291 text run at (0,18) width 761: "within it should also be normal size, since the entire ruleset should be skipped (since in some future version of CSS, there"
292 text run at (0,36) width 520: "could be an operator within the selector that has higher precedence than a comma)."
293 RenderBlock {P} at (0,2129) size 769x36
294 RenderText {#text} at (0,0) size 464x18
295 text run at (0,0) width 464: "This paragraph should be black, because the line before the declaration is "
296 RenderInline {STRONG} at (0,0) size 22x18
297 RenderText {#text} at (464,0) size 22x18
298 text run at (464,0) width 22: "not"
299 RenderText {#text} at (486,0) size 743x36
300 text run at (486,0) width 257: " a comment and therefore the selector for"
301 text run at (0,18) width 139: "P.nineteenb is invalid."
302 RenderBlock {P} at (0,2181) size 769x18 [color=#0000FF]
303 RenderText {#text} at (0,0) size 470x18
304 text run at (0,0) width 470: "This paragraph should be blue, because only the first declaration is invalid."
305 RenderBlock {P} at (0,2215) size 769x18 [color=#008000]
306 RenderText {#text} at (0,0) size 478x18
307 text run at (0,0) width 478: "This paragraph should be green, because only the first declaration is invalid."
308 RenderBlock {P} at (0,2249) size 769x18 [color=#800080]
309 RenderText {#text} at (0,0) size 483x18
310 text run at (0,0) width 483: "This paragraph should be purple, because only the first declaration is invalid."
311 RenderBlock {P} at (0,2283) size 769x18 [color=#008000]
312 RenderText {#text} at (0,0) size 478x18
313 text run at (0,0) width 478: "This paragraph should be green, because only the first declaration is invalid."
314 RenderBlock {P} at (0,2317) size 769x18 [color=#008000]
315 RenderText {#text} at (0,0) size 478x18
316 text run at (0,0) width 478: "This paragraph should be green, because only the first declaration is invalid."
317 RenderBlock {P} at (0,2351) size 769x18
318 RenderText {#text} at (48,0) size 601x18
319 text run at (48,0) width 485: "This paragraph should be indented half an inch, but it should not be maroon. "
320 text run at (533,0) width 116: "It should be black."
321 RenderBlock {P} at (0,2385) size 769x36
322 RenderText {#text} at (0,0) size 751x36
323 text run at (0,0) width 751: "This paragraph should be black, because the color declaration after the previous ruleset should be considered part of the"
324 text run at (0,18) width 616: "selector for this ruleset, and this ruleset therefore has an invalid selector and should not be applied."
325 RenderTable {TABLE} at (0,2437) size 769x1582 [border: (1px outset #808080)]
326 RenderTableSection {TBODY} at (1,1) size 767x1580
327 RenderTableRow {TR} at (0,0) size 767x26
328 RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
329 RenderInline {STRONG} at (0,0) size 163x18
330 RenderText {#text} at (4,4) size 163x18
331 text run at (4,4) width 163: "TABLE Testing Section"
332 RenderTableRow {TR} at (0,26) size 767x1554
333 RenderTableCell {TD} at (0,790) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
334 RenderText {#text} at (4,4) size 4x18
335 text run at (4,4) width 4: " "
336 RenderTableCell {TD} at (12,26) size 755x1554 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
337 RenderBlock {P} at (4,4) size 747x18 [color=#008000]
338 RenderText {#text} at (0,0) size 485x18
339 text run at (0,0) width 485: "This paragraph should be green, because only the rotation should be ignored."
340 RenderBlock {P} at (4,38) size 747x18 [color=#008000]
341 RenderText {#text} at (0,0) size 623x18
342 text run at (0,0) width 623: "This paragraph should be green, since error-checking should be done before calculating specificity."
343 RenderBlock {P} at (4,72) size 747x36
344 RenderText {#text} at (0,0) size 560x18
345 text run at (0,0) width 560: "This paragraph should have a solid gray background (or a white grid), because in CSS1, "
346 RenderInline {CODE} at (0,0) size 56x15
347 RenderText {#text} at (560,2) size 56x15
348 text run at (560,2) width 56: "inherit"
349 RenderText {#text} at (616,0) size 696x36
350 text run at (616,0) width 80: " is an invalid"
351 text run at (0,18) width 584: "keyword, and in CSS2, it will cause the gray background (not the white grid) to be inherited."
352 RenderBlock {P} at (4,124) size 747x18
353 RenderText {#text} at (0,0) size 639x18
354 text run at (0,0) width 639: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply."
355 RenderBlock {P} at (4,158) size 747x18
356 RenderText {#text} at (0,0) size 639x18
357 text run at (0,0) width 639: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply."
358 RenderBlock {P} at (4,192) size 747x18
359 RenderText {#text} at (0,0) size 526x18
360 text run at (0,0) width 526: "This paragraph should have a white background, since keywords cannot be quoted."
361 RenderBlock {P} at (4,226) size 747x42 [border: (3px solid #000000)]
362 RenderText {#text} at (3,3) size 717x36
363 text run at (3,3) width 643: "This paragraph should have a medium-width border around it (the same as the next three paragraphs). "
364 text run at (646,3) width 74: "This should"
365 text run at (3,21) width 357: "cause the user agent to use the default value of 'medium'."
366 RenderBlock {P} at (4,284) size 747x42 [border: (3px solid #000000)]
367 RenderText {#text} at (3,3) size 740x36
368 text run at (3,3) width 740: "This paragraph should have a medium-width border around it (the same as the previous and the next two paragraphs),"
369 text run at (3,21) width 228: "because the border-width is invalid. "
370 text run at (231,21) width 435: "This should cause the user agent to use the default value of 'medium'."
371 RenderBlock {P} at (4,342) size 747x60 [border: (3px solid #000000)]
372 RenderText {#text} at (3,3) size 740x54
373 text run at (3,3) width 740: "This paragraph should have a medium-width border around it (the same as the next and the previous two paragraphs),"
374 text run at (3,21) width 588: "because the border-width units are invalid, and therefore the border-width should be ignored. "
375 text run at (591,21) width 136: "This should cause the"
376 text run at (3,39) width 295: "user agent to use the default value of 'medium'."
377 RenderBlock {P} at (4,418) size 747x60 [border: (3px solid #000000)]
378 RenderText {#text} at (3,3) size 736x54
379 text run at (3,3) width 720: "This paragraph should have a medium-width border around it (the same as the previous three paragraphs), because"
380 text run at (3,21) width 570: "the border-width does not have any value to go with its pixel unit, and is therefore invalid. "
381 text run at (573,21) width 166: "This should cause the user"
382 text run at (3,39) width 265: "agent to use the default value of 'medium'."
383 RenderBlock {P} at (4,494) size 747x18
384 RenderText {#text} at (0,0) size 660x18
385 text run at (0,0) width 660: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule."
386 RenderBlock {P} at (4,528) size 747x36 [color=#008000]
387 RenderText {#text} at (0,0) size 724x36
388 text run at (0,0) width 207: "This paragraph should be green. "
389 text run at (207,0) width 517: "CSS is case-insensitive, unless required to be case sensitive due to interaction with"
390 text run at (0,18) width 273: "other standards (e.g., font names or URLs.)"
391 RenderBlock {OL} at (4,580) size 747x18
392 RenderListItem {LI} at (40,0) size 707x18
393 RenderListMarker at (-20,0) size 16x18
394 RenderText {#text} at (0,0) size 621x18
395 text run at (0,0) width 621: "This ordered list item should be black, because the declaration has an invalid pseudo-class selector."
396 RenderBlock {P} at (4,614) size 747x36
397 RenderText {#text} at (0,0) size 738x36
398 text run at (0,0) width 738: "This paragraph should be black, because, in CSS1, :first-child is an invalid pseudo-class, and in CSS2, this paragraph"
399 text run at (0,18) width 124: "is not the first child."
400 RenderBlock {UL} at (4,666) size 747x36
401 RenderListItem {LI} at (40,0) size 707x36
402 RenderListMarker at (-17,0) size 7x18
403 RenderText {#text} at (0,0) size 690x36
404 text run at (0,0) width 690: "This unordered list item should be black, because, according to CSS1, the selector is invalid, and according to"
405 text run at (0,18) width 229: "CSS2, the selector should not apply."
406 RenderBlock {BLOCKQUOTE} at (44,718) size 667x36
407 RenderText {#text} at (0,0) size 643x36
408 text run at (0,0) width 643: "This blockquote should be black, because, according to CSS1, the selector is invalid, and according to"
409 text run at (0,18) width 229: "CSS2, the selector should not apply."
410 RenderBlock {P} at (4,770) size 747x36
411 RenderInline {ACRONYM} at (0,0) size 696x36
412 RenderText {#text} at (0,0) size 696x36
413 text run at (0,0) width 696: "This acronym should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the"
414 text run at (0,18) width 161: "selector should not apply."
415 RenderBlock {ADDRESS} at (4,822) size 747x36
416 RenderText {#text} at (0,0) size 745x36
417 text run at (0,0) width 745: "This address should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector"
418 text run at (0,18) width 109: "should not apply."
419 RenderBlock {P} at (4,874) size 747x36
420 RenderInline {SPAN} at (0,0) size 722x36
421 RenderText {#text} at (0,0) size 722x36
422 text run at (0,0) width 722: "This span should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector"
423 text run at (0,18) width 109: "should not apply."
424 RenderBlock {P} at (4,926) size 747x36
425 RenderText {#text} at (0,0) size 739x36
426 text run at (0,0) width 664: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule. "
427 text run at (664,0) width 75: "However, it"
428 text run at (0,18) width 606: "is valid in CSS2, so if this is being viewed on a tty browser that supports CSS2, it should be red."
429 RenderBlock {P} at (4,978) size 747x18
430 RenderText {#text} at (0,0) size 660x18
431 text run at (0,0) width 660: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule."
432 RenderBlock {P} at (4,1012) size 747x72
433 RenderText {#text} at (0,0) size 737x18
434 text run at (0,0) width 737: "The text of this paragraph should be normal (that is, it should not be underlined, overlined, stricken, or bold), because"
435 RenderInline {CODE} at (0,0) size 64x15
436 RenderText {#text} at (0,20) size 64x15
437 text run at (0,20) width 64: "diagonal"
438 RenderText {#text} at (64,18) size 226x18
439 text run at (64,18) width 226: " is not a valid keyword, making the "
440 RenderInline {CODE} at (0,0) size 120x15
441 RenderText {#text} at (290,20) size 120x15
442 text run at (290,20) width 120: "text-decoration"
443 RenderText {#text} at (410,18) size 131x18
444 text run at (410,18) width 55: " invalid. "
445 text run at (465,18) width 76: "In addition, "
446 RenderInline {CODE} at (0,0) size 88x15
447 RenderText {#text} at (541,20) size 88x15
448 text run at (541,20) width 88: "highlighted"
449 RenderText {#text} at (629,18) size 741x36
450 text run at (629,18) width 112: " is not a valid part"
451 text run at (0,36) width 40: "of the "
452 RenderInline {CODE} at (0,0) size 32x15
453 RenderText {#text} at (40,38) size 32x15
454 text run at (40,38) width 32: "font"
455 RenderText {#text} at (72,36) size 738x36
456 text run at (72,36) width 179: " property, making it invalid. "
457 text run at (251,36) width 487: "Therefore, this paragraph's font should be the UA default, and match the next"
458 text run at (0,54) width 71: "paragraph. "
459 text run at (71,54) width 190: "If this is not the case, then the "
460 RenderInline {CODE} at (0,0) size 32x15
461 RenderText {#text} at (261,56) size 32x15
462 text run at (261,56) width 32: "font"
463 RenderText {#text} at (293,54) size 248x18
464 text run at (293,54) width 248: " declaration is being improperly parsed."
465 RenderBlock {P} at (4,1100) size 747x72
466 RenderText {#text} at (0,0) size 737x18
467 text run at (0,0) width 737: "The text of this paragraph should be normal (that is, it should not be underlined, overlined, stricken, or bold), because"
468 RenderInline {CODE} at (0,0) size 64x15
469 RenderText {#text} at (0,20) size 64x15
470 text run at (0,20) width 64: "diagonal"
471 RenderText {#text} at (64,18) size 226x18
472 text run at (64,18) width 226: " is not a valid keyword, making the "
473 RenderInline {CODE} at (0,0) size 120x15
474 RenderText {#text} at (290,20) size 120x15
475 text run at (290,20) width 120: "text-decoration"
476 RenderText {#text} at (410,18) size 131x18
477 text run at (410,18) width 55: " invalid. "
478 text run at (465,18) width 76: "In addition, "
479 RenderInline {CODE} at (0,0) size 88x15
480 RenderText {#text} at (541,20) size 88x15
481 text run at (541,20) width 88: "highlighted"
482 RenderText {#text} at (629,18) size 741x36
483 text run at (629,18) width 112: " is not a valid part"
484 text run at (0,36) width 40: "of the "
485 RenderInline {CODE} at (0,0) size 32x15
486 RenderText {#text} at (40,38) size 32x15
487 text run at (40,38) width 32: "font"
488 RenderText {#text} at (72,36) size 707x36
489 text run at (72,36) width 179: " property, making it invalid. "
490 text run at (251,36) width 456: "Therefore, this paragraph's font should be the UA default, and match the"
491 text run at (0,54) width 129: "previous paragraph. "
492 text run at (129,54) width 190: "If this is not the case, then the "
493 RenderInline {CODE} at (0,0) size 32x15
494 RenderText {#text} at (319,56) size 32x15
495 text run at (319,56) width 32: "font"
496 RenderText {#text} at (351,54) size 248x18
497 text run at (351,54) width 248: " declaration is being improperly parsed."
498 RenderBlock {P} at (4,1188) size 747x54
499 RenderText {#text} at (0,0) size 530x18
500 text run at (0,0) width 501: "The text of this paragraph should be normal size because the selector is invalid. "
501 text run at (501,0) width 29: "The "
502 RenderInline {EM} at (0,0) size 100x18
503 RenderText {#text} at (530,0) size 100x18
504 text run at (530,0) width 100: "emphasized text"
505 RenderText {#text} at (630,0) size 54x18
506 text run at (630,0) width 54: " and the "
507 RenderInline {STRONG} at (0,0) size 727x36
508 RenderText {#text} at (684,0) size 727x36
509 text run at (684,0) width 43: "strong"
510 text run at (0,18) width 25: "text"
511 RenderText {#text} at (25,18) size 718x36
512 text run at (25,18) width 693: " within it should also be normal size, since the entire ruleset should be skipped (since in some future version of"
513 text run at (0,36) width 592: "CSS, there could be an operator within the selector that has higher precedence than a comma)."
514 RenderBlock {P} at (4,1258) size 747x36
515 RenderText {#text} at (0,0) size 464x18
516 text run at (0,0) width 464: "This paragraph should be black, because the line before the declaration is "
517 RenderInline {STRONG} at (0,0) size 22x18
518 RenderText {#text} at (464,0) size 22x18
519 text run at (464,0) width 22: "not"
520 RenderText {#text} at (486,0) size 743x36
521 text run at (486,0) width 257: " a comment and therefore the selector for"
522 text run at (0,18) width 139: "P.nineteenb is invalid."
523 RenderBlock {P} at (4,1310) size 747x18 [color=#0000FF]
524 RenderText {#text} at (0,0) size 470x18
525 text run at (0,0) width 470: "This paragraph should be blue, because only the first declaration is invalid."
526 RenderBlock {P} at (4,1344) size 747x18 [color=#008000]
527 RenderText {#text} at (0,0) size 478x18
528 text run at (0,0) width 478: "This paragraph should be green, because only the first declaration is invalid."
529 RenderBlock {P} at (4,1378) size 747x18 [color=#800080]
530 RenderText {#text} at (0,0) size 483x18
531 text run at (0,0) width 483: "This paragraph should be purple, because only the first declaration is invalid."
532 RenderBlock {P} at (4,1412) size 747x18 [color=#008000]
533 RenderText {#text} at (0,0) size 478x18
534 text run at (0,0) width 478: "This paragraph should be green, because only the first declaration is invalid."
535 RenderBlock {P} at (4,1446) size 747x18 [color=#008000]
536 RenderText {#text} at (0,0) size 478x18
537 text run at (0,0) width 478: "This paragraph should be green, because only the first declaration is invalid."
538 RenderBlock {P} at (4,1480) size 747x18
539 RenderText {#text} at (48,0) size 601x18
540 text run at (48,0) width 485: "This paragraph should be indented half an inch, but it should not be maroon. "
541 text run at (533,0) width 116: "It should be black."
542 RenderBlock {P} at (4,1514) size 747x36
543 RenderText {#text} at (0,0) size 728x36
544 text run at (0,0) width 728: "This paragraph should be black, because the color declaration after the previous ruleset should be considered part of"
545 text run at (0,18) width 639: "the selector for this ruleset, and this ruleset therefore has an invalid selector and should not be applied."