| OLD | NEW |
| (Empty) |
| 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 th
e 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-s
tyle: solid;}" | |
| 26 text run at (408,105) width 0: " " | |
| 27 text run at (0,120) width 400: "P.sixb {border-width: funny; border-st
yle: solid;}" | |
| 28 text run at (400,120) width 0: " " | |
| 29 text run at (0,135) width 392: "P.sixc {border-width: 50zu; border-sty
le: 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: underlin
e 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: underlin
e 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-siz
e: 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: '}'; colo
r: 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-cod
e: '}';};" | |
| 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 er
ror-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 bac
kground (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 backg
round, 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-widt
h 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-widt
h 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 u
se 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-widt
h 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 inva
lid, 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 'medi
um'." | |
| 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-widt
h 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 requir
ed 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: "1" | |
| 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 i
s" | |
| 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: bullet | |
| 183 RenderText {#text} at (0,0) size 690x36 | |
| 184 text run at (0,0) width 690: "This unordered list item should be bla
ck, 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, a
ccording 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, ac
cording to CSS1, the selector is invalid, and according to CSS2, the selector sh
ould" | |
| 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 view
ed 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 nor
mal (that is, it should not be underlined, overlined, stricken, or bold), becaus
e" | |
| 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 shou
ld 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 pars
ed." | |
| 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 nor
mal (that is, it should not be underlined, overlined, stricken, or bold), becaus
e" | |
| 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 shou
ld 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 pars
ed." | |
| 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 nor
mal 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, s
ince 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 selecto
r 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 o
nly 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 th
e" | |
| 324 text run at (0,18) width 616: "selector for this ruleset, and this rul
eset 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 #8
08080)] [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 sol
id 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 c
ause 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 whi
te 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 med
ium-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 med
ium-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 inv
alid. " | |
| 370 text run at (231,21) width 435: "This should cause the user ag
ent 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 med
ium-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 v
alue 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 med
ium-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, unles
s required to be case sensitive due to interaction with" | |
| 390 text run at (0,18) width 273: "other standards (e.g., font nam
es 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: "1" | |
| 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 par
agraph" | |
| 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: bullet | |
| 403 RenderText {#text} at (0,0) size 690x36 | |
| 404 text run at (0,0) width 690: "This unordered list item shoul
d be black, because, according to CSS1, the selector is invalid, and according t
o" | |
| 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 a
pply." | |
| 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, be
cause, according to CSS1, the selector is invalid, and according to CSS2, the se
lector" | |
| 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, bec
ause, according to CSS1, the selector is invalid, and according to CSS2, the sel
ector" | |
| 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 shoul
d 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, makin
g 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 f
ont 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 imprope
rly 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 shoul
d 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, makin
g 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 f
ont 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 imprope
rly 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 shoul
d 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 norm
al size, since the entire ruleset should be skipped (since in some future versio
n 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 s
elector 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, b
ecause 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 indent
ed 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 pa
rt 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." | |
| OLD | NEW |