| layer at (0,0) size 785x4035 |
| RenderCanvas at (0,0) size 785x600 |
| layer at (0,0) size 785x4035 |
| RenderBlock {HTML} at (0,0) size 785x4035 |
| RenderBody {BODY} at (8,8) size 769x4019 [bgcolor=#CCCCCC] |
| RenderBlock {P} at (0,0) size 769x18 |
| RenderText {TEXT} at (0,0) size 355x18 |
| text run at (0,0) width 355: "The style declarations which apply to the text below are:" |
| RenderBlock {PRE} at (0,34) size 769x810 |
| RenderText {TEXT} at (0,0) size 568x795 |
| text run at (0,0) width 304: "P.one {color: green; rotation: 70deg;}" |
| text run at (0,15) width 176: "P.oneb {color: green;}" |
| text run at (0,30) width 232: "P.oneb {color: invalidValue;}" |
| text run at (0,45) width 272: "P.two {background-color: inherit;}" |
| text run at (0,60) width 216: "H1 + P.three {color: blue;}" |
| text run at (0,75) width 200: "P.four + H1 {color: red;}" |
| text run at (0,90) width 264: "P.five {background-color: \"red\";}" |
| text run at (0,105) width 408: "P.sixa {border-width: medium; border-style: solid;}" |
| text run at (0,120) width 400: "P.sixb {border-width: funny; border-style: solid;}" |
| text run at (0,135) width 392: "P.sixc {border-width: 50zu; border-style: solid;}" |
| text run at (0,150) width 376: "P.sixd {border-width: px; border-style: solid;}" |
| text run at (0,165) width 96: "@three-dee {" |
| text run at (0,180) width 184: " @background-lighting {" |
| text run at (0,195) width 136: " azimuth: 30deg;" |
| text run at (0,210) width 160: " elevation: 190deg;" |
| text run at (0,225) width 24: " }" |
| text run at (0,240) width 184: " P.seven { color: red }" |
| text run at (0,255) width 16: " }" |
| text run at (0,270) width 184: "P.eight {COLOR: GREEN;}" |
| text run at (0,285) width 192: "OL:wait {color: maroon;}" |
| text run at (0,300) width 272: "P.ten:first-child {color: maroon;}" |
| text run at (0,315) width 208: "UL:lang(fr) {color: gray;}" |
| text run at (0,330) width 248: "BLOCKQUOTE[href] {color: navy;}" |
| text run at (0,345) width 288: "ACRONYM[href=\"foo\"] {color: purple;}" |
| text run at (0,360) width 296: "ADDRESS[href~=\"foo\"] {color: purple;}" |
| text run at (0,375) width 248: "SPAN[lang|=\"fr\"] {color: #c37;}" |
| text run at (0,390) width 96: "@media tty {" |
| text run at (0,405) width 136: " H1 {color: red;}" |
| text run at (0,420) width 192: " P.sixteen {color: red;}" |
| text run at (0,435) width 16: " }" |
| text run at (0,450) width 96: "@three-dee {" |
| text run at (0,465) width 208: " P.seventeen {color: red }" |
| text run at (0,480) width 16: " }" |
| text run at (0,495) width 568: "P.eighteena {text-decoration: underline overline line-through diagonal;" |
| text run at (0,510) width 416: " font: bold highlighted 100% sans-serif;}" |
| text run at (0,525) width 568: "P.eighteenb {text-decoration: underline overline line-through diagonal;" |
| text run at (0,540) width 376: " font: bold highlighted 100% serif;}" |
| text run at (0,555) width 384: "EM, P.nineteena ! EM, STRONG {font-size: 200%; }" |
| text run at (0,585) width 128: "// UL.nineteenb," |
| text run at (0,600) width 200: "P.nineteenb {color: red;}" |
| text run at (0,630) width 360: "P.twentya {rotation-code: \"}\"; color: blue;} " |
| text run at (0,645) width 392: "P.twentyb {rotation-code: \"\\\"}\\\"\"; color: green;}" |
| text run at (0,660) width 400: "P.twentyonea {rotation-code: '}'; color: purple;} " |
| text run at (0,675) width 416: "P.twentyoneb {rotation-code: '\\'}\\''; color: green;}" |
| text run at (0,690) width 104: "P.twentytwo {" |
| text run at (0,705) width 376: " type-display: @threedee {rotation-code: '}';};" |
| text run at (0,720) width 112: " color: green;" |
| text run at (0,735) width 16: " }" |
| text run at (0,750) width 280: "P.twentythree {text-indent: 0.5in;}" |
| text run at (0,765) width 112: " color: maroon" |
| text run at (0,780) width 208: "P.twentyfour {color: red;}" |
| RenderBlock {HR} at (0,857) size 769x2 [border: (1px inset #000000)] |
| RenderBlock {P} at (0,875) size 769x18 [color=#008000] |
| RenderText {TEXT} at (0,0) size 485x18 |
| text run at (0,0) width 485: "This paragraph should be green, because only the rotation should be ignored." |
| RenderBlock {P} at (0,909) size 769x18 [color=#008000] |
| RenderText {TEXT} at (0,0) size 623x18 |
| text run at (0,0) width 623: "This paragraph should be green, since error-checking should be done before calculating specificity." |
| RenderBlock {P} at (0,943) size 769x36 |
| RenderText {TEXT} at (0,0) size 560x18 |
| text run at (0,0) width 560: "This paragraph should have a solid gray background (or a white grid), because in CSS1, " |
| RenderInline {CODE} at (0,0) size 56x15 |
| RenderText {TEXT} at (560,2) size 56x15 |
| text run at (560,2) width 56: "inherit" |
| RenderText {TEXT} at (616,0) size 760x36 |
| text run at (616,0) width 144: " is an invalid keyword," |
| text run at (0,18) width 520: "and in CSS2, it will cause the gray background (not the white grid) to be inherited." |
| RenderBlock {P} at (0,995) size 769x18 |
| RenderText {TEXT} at (0,0) size 639x18 |
| 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." |
| RenderBlock {P} at (0,1029) size 769x18 |
| RenderText {TEXT} at (0,0) size 639x18 |
| 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." |
| RenderBlock {P} at (0,1063) size 769x18 |
| RenderText {TEXT} at (0,0) size 526x18 |
| text run at (0,0) width 526: "This paragraph should have a white background, since keywords cannot be quoted." |
| RenderBlock {P} at (0,1097) size 769x42 [border: (3px solid #000000)] |
| RenderText {TEXT} at (3,3) size 756x36 |
| text run at (3,3) width 643: "This paragraph should have a medium-width border around it (the same as the next three paragraphs). " |
| text run at (646,3) width 113: "This should cause" |
| text run at (3,21) width 318: "the user agent to use the default value of 'medium'." |
| RenderBlock {P} at (0,1155) size 769x42 [border: (3px solid #000000)] |
| RenderText {TEXT} at (3,3) size 740x36 |
| 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)," |
| text run at (3,21) width 228: "because the border-width is invalid. " |
| text run at (231,21) width 435: "This should cause the user agent to use the default value of 'medium'." |
| RenderBlock {P} at (0,1213) size 769x60 [border: (3px solid #000000)] |
| RenderText {TEXT} at (3,3) size 754x54 |
| 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)," |
| text run at (3,21) width 588: "because the border-width units are invalid, and therefore the border-width should be ignored. " |
| text run at (591,21) width 166: "This should cause the user" |
| text run at (3,39) width 265: "agent to use the default value of 'medium'." |
| RenderBlock {P} at (0,1289) size 769x60 [border: (3px solid #000000)] |
| RenderText {TEXT} at (3,3) size 751x54 |
| 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" |
| text run at (3,21) width 547: "border-width does not have any value to go with its pixel unit, and is therefore invalid. " |
| text run at (550,21) width 204: "This should cause the user agent" |
| text run at (3,39) width 227: "to use the default value of 'medium'." |
| RenderBlock {P} at (0,1365) size 769x18 |
| RenderText {TEXT} at (0,0) size 660x18 |
| 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." |
| RenderBlock {P} at (0,1399) size 769x36 [color=#008000] |
| RenderText {TEXT} at (0,0) size 760x36 |
| text run at (0,0) width 207: "This paragraph should be green. " |
| text run at (207,0) width 553: "CSS is case-insensitive, unless required to be case sensitive due to interaction with other" |
| text run at (0,18) width 237: "standards (e.g., font names or URLs.)" |
| RenderBlock {OL} at (0,1451) size 769x18 |
| RenderListItem {LI} at (40,0) size 729x18 |
| RenderListMarker at (0,0) size 0x14 |
| RenderText {TEXT} at (0,0) size 621x18 |
| text run at (0,0) width 621: "This ordered list item should be black, because the declaration has an invalid pseudo-class selector." |
| RenderBlock {P} at (0,1485) size 769x36 |
| RenderText {TEXT} at (0,0) size 752x36 |
| 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" |
| text run at (0,18) width 110: "not the first child." |
| RenderBlock {UL} at (0,1537) size 769x36 |
| RenderListItem {LI} at (40,0) size 729x36 |
| RenderListMarker at (0,0) size 0x14 |
| RenderText {TEXT} at (0,0) size 690x36 |
| 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" |
| text run at (0,18) width 229: "CSS2, the selector should not apply." |
| RenderBlock {BLOCKQUOTE} at (40,1589) size 689x36 |
| RenderText {TEXT} at (0,0) size 688x36 |
| text run at (0,0) width 688: "This blockquote should be black, because, according to CSS1, the selector is invalid, and according to CSS2," |
| text run at (0,18) width 184: "the selector should not apply." |
| RenderBlock {P} at (0,1641) size 769x36 |
| RenderInline {ACRONYM} at (0,0) size 748x36 |
| RenderText {TEXT} at (0,0) size 748x36 |
| 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" |
| text run at (0,18) width 109: "should not apply." |
| RenderBlock {ADDRESS} at (0,1693) size 769x36 |
| RenderText {TEXT} at (0,0) size 745x36 |
| 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" |
| text run at (0,18) width 109: "should not apply." |
| RenderBlock {P} at (0,1745) size 769x36 |
| RenderInline {SPAN} at (0,0) size 768x36 |
| RenderText {TEXT} at (0,0) size 768x36 |
| 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" |
| text run at (0,18) width 63: "not apply." |
| RenderBlock {P} at (0,1797) size 769x36 |
| RenderText {TEXT} at (0,0) size 753x36 |
| 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. " |
| text run at (664,0) width 89: "However, it is" |
| 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." |
| RenderBlock {P} at (0,1849) size 769x18 |
| RenderText {TEXT} at (0,0) size 660x18 |
| 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." |
| RenderBlock {P} at (0,1883) size 769x72 |
| RenderText {TEXT} at (0,0) size 737x18 |
| 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" |
| RenderInline {CODE} at (0,0) size 64x15 |
| RenderText {TEXT} at (0,20) size 64x15 |
| text run at (0,20) width 64: "diagonal" |
| RenderText {TEXT} at (64,18) size 226x18 |
| text run at (64,18) width 226: " is not a valid keyword, making the " |
| RenderInline {CODE} at (0,0) size 120x15 |
| RenderText {TEXT} at (290,20) size 120x15 |
| text run at (290,20) width 120: "text-decoration" |
| RenderText {TEXT} at (410,18) size 131x18 |
| text run at (410,18) width 55: " invalid. " |
| text run at (465,18) width 76: "In addition, " |
| RenderInline {CODE} at (0,0) size 88x15 |
| RenderText {TEXT} at (541,20) size 88x15 |
| text run at (541,20) width 88: "highlighted" |
| RenderText {TEXT} at (629,18) size 758x36 |
| text run at (629,18) width 129: " is not a valid part of" |
| text run at (0,36) width 23: "the " |
| RenderInline {CODE} at (0,0) size 32x15 |
| RenderText {TEXT} at (23,38) size 32x15 |
| text run at (23,38) width 32: "font" |
| RenderText {TEXT} at (55,36) size 721x36 |
| text run at (55,36) width 179: " property, making it invalid. " |
| text run at (234,36) width 487: "Therefore, this paragraph's font should be the UA default, and match the next" |
| text run at (0,54) width 71: "paragraph. " |
| text run at (71,54) width 190: "If this is not the case, then the " |
| RenderInline {CODE} at (0,0) size 32x15 |
| RenderText {TEXT} at (261,56) size 32x15 |
| text run at (261,56) width 32: "font" |
| RenderText {TEXT} at (293,54) size 248x18 |
| text run at (293,54) width 248: " declaration is being improperly parsed." |
| RenderBlock {P} at (0,1971) size 769x72 |
| RenderText {TEXT} at (0,0) size 737x18 |
| 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" |
| RenderInline {CODE} at (0,0) size 64x15 |
| RenderText {TEXT} at (0,20) size 64x15 |
| text run at (0,20) width 64: "diagonal" |
| RenderText {TEXT} at (64,18) size 226x18 |
| text run at (64,18) width 226: " is not a valid keyword, making the " |
| RenderInline {CODE} at (0,0) size 120x15 |
| RenderText {TEXT} at (290,20) size 120x15 |
| text run at (290,20) width 120: "text-decoration" |
| RenderText {TEXT} at (410,18) size 131x18 |
| text run at (410,18) width 55: " invalid. " |
| text run at (465,18) width 76: "In addition, " |
| RenderInline {CODE} at (0,0) size 88x15 |
| RenderText {TEXT} at (541,20) size 88x15 |
| text run at (541,20) width 88: "highlighted" |
| RenderText {TEXT} at (629,18) size 758x36 |
| text run at (629,18) width 129: " is not a valid part of" |
| text run at (0,36) width 23: "the " |
| RenderInline {CODE} at (0,0) size 32x15 |
| RenderText {TEXT} at (23,38) size 32x15 |
| text run at (23,38) width 32: "font" |
| RenderText {TEXT} at (55,36) size 748x36 |
| text run at (55,36) width 179: " property, making it invalid. " |
| text run at (234,36) width 514: "Therefore, this paragraph's font should be the UA default, and match the previous" |
| text run at (0,54) width 71: "paragraph. " |
| text run at (71,54) width 190: "If this is not the case, then the " |
| RenderInline {CODE} at (0,0) size 32x15 |
| RenderText {TEXT} at (261,56) size 32x15 |
| text run at (261,56) width 32: "font" |
| RenderText {TEXT} at (293,54) size 248x18 |
| text run at (293,54) width 248: " declaration is being improperly parsed." |
| RenderBlock {P} at (0,2059) size 769x54 |
| RenderText {TEXT} at (0,0) size 530x18 |
| text run at (0,0) width 501: "The text of this paragraph should be normal size because the selector is invalid. " |
| text run at (501,0) width 29: "The " |
| RenderInline {EM} at (0,0) size 100x18 |
| RenderText {TEXT} at (530,0) size 100x18 |
| text run at (530,0) width 100: "emphasized text" |
| RenderText {TEXT} at (630,0) size 54x18 |
| text run at (630,0) width 54: " and the " |
| RenderInline {STRONG} at (0,0) size 72x18 |
| RenderText {TEXT} at (684,0) size 72x18 |
| text run at (684,0) width 72: "strong text" |
| RenderText {TEXT} at (0,18) size 761x36 |
| 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" |
| text run at (0,36) width 520: "could be an operator within the selector that has higher precedence than a comma)." |
| RenderBlock {P} at (0,2129) size 769x36 |
| RenderText {TEXT} at (0,0) size 464x18 |
| text run at (0,0) width 464: "This paragraph should be black, because the line before the declaration is " |
| RenderInline {STRONG} at (0,0) size 22x18 |
| RenderText {TEXT} at (464,0) size 22x18 |
| text run at (464,0) width 22: "not" |
| RenderText {TEXT} at (486,0) size 743x36 |
| text run at (486,0) width 257: " a comment and therefore the selector for" |
| text run at (0,18) width 139: "P.nineteenb is invalid." |
| RenderBlock {P} at (0,2181) size 769x18 [color=#0000FF] |
| RenderText {TEXT} at (0,0) size 470x18 |
| text run at (0,0) width 470: "This paragraph should be blue, because only the first declaration is invalid." |
| RenderBlock {P} at (0,2215) size 769x18 [color=#008000] |
| RenderText {TEXT} at (0,0) size 478x18 |
| text run at (0,0) width 478: "This paragraph should be green, because only the first declaration is invalid." |
| RenderBlock {P} at (0,2249) size 769x18 [color=#800080] |
| RenderText {TEXT} at (0,0) size 483x18 |
| text run at (0,0) width 483: "This paragraph should be purple, because only the first declaration is invalid." |
| RenderBlock {P} at (0,2283) size 769x18 [color=#008000] |
| RenderText {TEXT} at (0,0) size 478x18 |
| text run at (0,0) width 478: "This paragraph should be green, because only the first declaration is invalid." |
| RenderBlock {P} at (0,2317) size 769x18 [color=#008000] |
| RenderText {TEXT} at (0,0) size 478x18 |
| text run at (0,0) width 478: "This paragraph should be green, because only the first declaration is invalid." |
| RenderBlock {P} at (0,2351) size 769x18 |
| RenderText {TEXT} at (48,0) size 601x18 |
| text run at (48,0) width 485: "This paragraph should be indented half an inch, but it should not be maroon. " |
| text run at (533,0) width 116: "It should be black." |
| RenderBlock {P} at (0,2385) size 769x36 |
| RenderText {TEXT} at (0,0) size 751x36 |
| 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" |
| text run at (0,18) width 616: "selector for this ruleset, and this ruleset therefore has an invalid selector and should not be applied." |
| RenderTable {TABLE} at (0,2437) size 769x1582 [border: (1px outset #808080)] |
| RenderTableSection {TBODY} at (1,1) size 0x1580 |
| RenderTableRow {TR} at (0,0) size 0x0 |
| RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
| RenderInline {STRONG} at (0,0) size 163x18 |
| RenderText {TEXT} at (4,4) size 163x18 |
| text run at (4,4) width 163: "TABLE Testing Section" |
| RenderTableRow {TR} at (0,0) size 0x0 |
| RenderTableCell {TD} at (0,790) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
| RenderText {TEXT} at (4,4) size 4x18 |
| text run at (4,4) width 4: " " |
| RenderTableCell {TD} at (12,26) size 755x1554 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1] |
| RenderBlock {P} at (4,4) size 747x18 [color=#008000] |
| RenderText {TEXT} at (0,0) size 485x18 |
| text run at (0,0) width 485: "This paragraph should be green, because only the rotation should be ignored." |
| RenderBlock {P} at (4,38) size 747x18 [color=#008000] |
| RenderText {TEXT} at (0,0) size 623x18 |
| text run at (0,0) width 623: "This paragraph should be green, since error-checking should be done before calculating specificity." |
| RenderBlock {P} at (4,72) size 747x36 |
| RenderText {TEXT} at (0,0) size 560x18 |
| text run at (0,0) width 560: "This paragraph should have a solid gray background (or a white grid), because in CSS1, " |
| RenderInline {CODE} at (0,0) size 56x15 |
| RenderText {TEXT} at (560,2) size 56x15 |
| text run at (560,2) width 56: "inherit" |
| RenderText {TEXT} at (616,0) size 696x36 |
| text run at (616,0) width 80: " is an invalid" |
| text run at (0,18) width 584: "keyword, and in CSS2, it will cause the gray background (not the white grid) to be inherited." |
| RenderBlock {P} at (4,124) size 747x18 |
| RenderText {TEXT} at (0,0) size 639x18 |
| 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." |
| RenderBlock {P} at (4,158) size 747x18 |
| RenderText {TEXT} at (0,0) size 639x18 |
| 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." |
| RenderBlock {P} at (4,192) size 747x18 |
| RenderText {TEXT} at (0,0) size 526x18 |
| text run at (0,0) width 526: "This paragraph should have a white background, since keywords cannot be quoted." |
| RenderBlock {P} at (4,226) size 747x42 [border: (3px solid #000000)] |
| RenderText {TEXT} at (3,3) size 717x36 |
| text run at (3,3) width 643: "This paragraph should have a medium-width border around it (the same as the next three paragraphs). " |
| text run at (646,3) width 74: "This should" |
| text run at (3,21) width 357: "cause the user agent to use the default value of 'medium'." |
| RenderBlock {P} at (4,284) size 747x42 [border: (3px solid #000000)] |
| RenderText {TEXT} at (3,3) size 740x36 |
| 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)," |
| text run at (3,21) width 228: "because the border-width is invalid. " |
| text run at (231,21) width 435: "This should cause the user agent to use the default value of 'medium'." |
| RenderBlock {P} at (4,342) size 747x60 [border: (3px solid #000000)] |
| RenderText {TEXT} at (3,3) size 740x54 |
| 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)," |
| text run at (3,21) width 588: "because the border-width units are invalid, and therefore the border-width should be ignored. " |
| text run at (591,21) width 136: "This should cause the" |
| text run at (3,39) width 295: "user agent to use the default value of 'medium'." |
| RenderBlock {P} at (4,418) size 747x60 [border: (3px solid #000000)] |
| RenderText {TEXT} at (3,3) size 736x54 |
| 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" |
| 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. " |
| text run at (573,21) width 166: "This should cause the user" |
| text run at (3,39) width 265: "agent to use the default value of 'medium'." |
| RenderBlock {P} at (4,494) size 747x18 |
| RenderText {TEXT} at (0,0) size 660x18 |
| 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." |
| RenderBlock {P} at (4,528) size 747x36 [color=#008000] |
| RenderText {TEXT} at (0,0) size 724x36 |
| text run at (0,0) width 207: "This paragraph should be green. " |
| text run at (207,0) width 517: "CSS is case-insensitive, unless required to be case sensitive due to interaction with" |
| text run at (0,18) width 273: "other standards (e.g., font names or URLs.)" |
| RenderBlock {OL} at (4,580) size 747x18 |
| RenderListItem {LI} at (40,0) size 707x18 |
| RenderListMarker at (0,0) size 0x14 |
| RenderText {TEXT} at (0,0) size 621x18 |
| text run at (0,0) width 621: "This ordered list item should be black, because the declaration has an invalid pseudo-class selector." |
| RenderBlock {P} at (4,614) size 747x36 |
| RenderText {TEXT} at (0,0) size 738x36 |
| 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" |
| text run at (0,18) width 124: "is not the first child." |
| RenderBlock {UL} at (4,666) size 747x36 |
| RenderListItem {LI} at (40,0) size 707x36 |
| RenderListMarker at (0,0) size 0x14 |
| RenderText {TEXT} at (0,0) size 690x36 |
| 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" |
| text run at (0,18) width 229: "CSS2, the selector should not apply." |
| RenderBlock {BLOCKQUOTE} at (44,718) size 667x36 |
| RenderText {TEXT} at (0,0) size 643x36 |
| text run at (0,0) width 643: "This blockquote should be black, because, according to CSS1, the selector is invalid, and according to" |
| text run at (0,18) width 229: "CSS2, the selector should not apply." |
| RenderBlock {P} at (4,770) size 747x36 |
| RenderInline {ACRONYM} at (0,0) size 696x36 |
| RenderText {TEXT} at (0,0) size 696x36 |
| 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" |
| text run at (0,18) width 161: "selector should not apply." |
| RenderBlock {ADDRESS} at (4,822) size 747x36 |
| RenderText {TEXT} at (0,0) size 745x36 |
| 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" |
| text run at (0,18) width 109: "should not apply." |
| RenderBlock {P} at (4,874) size 747x36 |
| RenderInline {SPAN} at (0,0) size 722x36 |
| RenderText {TEXT} at (0,0) size 722x36 |
| 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" |
| text run at (0,18) width 109: "should not apply." |
| RenderBlock {P} at (4,926) size 747x36 |
| RenderText {TEXT} at (0,0) size 739x36 |
| 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. " |
| text run at (664,0) width 75: "However, it" |
| 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." |
| RenderBlock {P} at (4,978) size 747x18 |
| RenderText {TEXT} at (0,0) size 660x18 |
| 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." |
| RenderBlock {P} at (4,1012) size 747x72 |
| RenderText {TEXT} at (0,0) size 737x18 |
| 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" |
| RenderInline {CODE} at (0,0) size 64x15 |
| RenderText {TEXT} at (0,20) size 64x15 |
| text run at (0,20) width 64: "diagonal" |
| RenderText {TEXT} at (64,18) size 226x18 |
| text run at (64,18) width 226: " is not a valid keyword, making the " |
| RenderInline {CODE} at (0,0) size 120x15 |
| RenderText {TEXT} at (290,20) size 120x15 |
| text run at (290,20) width 120: "text-decoration" |
| RenderText {TEXT} at (410,18) size 131x18 |
| text run at (410,18) width 55: " invalid. " |
| text run at (465,18) width 76: "In addition, " |
| RenderInline {CODE} at (0,0) size 88x15 |
| RenderText {TEXT} at (541,20) size 88x15 |
| text run at (541,20) width 88: "highlighted" |
| RenderText {TEXT} at (629,18) size 741x36 |
| text run at (629,18) width 112: " is not a valid part" |
| text run at (0,36) width 40: "of the " |
| RenderInline {CODE} at (0,0) size 32x15 |
| RenderText {TEXT} at (40,38) size 32x15 |
| text run at (40,38) width 32: "font" |
| RenderText {TEXT} at (72,36) size 738x36 |
| text run at (72,36) width 179: " property, making it invalid. " |
| text run at (251,36) width 487: "Therefore, this paragraph's font should be the UA default, and match the next" |
| text run at (0,54) width 71: "paragraph. " |
| text run at (71,54) width 190: "If this is not the case, then the " |
| RenderInline {CODE} at (0,0) size 32x15 |
| RenderText {TEXT} at (261,56) size 32x15 |
| text run at (261,56) width 32: "font" |
| RenderText {TEXT} at (293,54) size 248x18 |
| text run at (293,54) width 248: " declaration is being improperly parsed." |
| RenderBlock {P} at (4,1100) size 747x72 |
| RenderText {TEXT} at (0,0) size 737x18 |
| 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" |
| RenderInline {CODE} at (0,0) size 64x15 |
| RenderText {TEXT} at (0,20) size 64x15 |
| text run at (0,20) width 64: "diagonal" |
| RenderText {TEXT} at (64,18) size 226x18 |
| text run at (64,18) width 226: " is not a valid keyword, making the " |
| RenderInline {CODE} at (0,0) size 120x15 |
| RenderText {TEXT} at (290,20) size 120x15 |
| text run at (290,20) width 120: "text-decoration" |
| RenderText {TEXT} at (410,18) size 131x18 |
| text run at (410,18) width 55: " invalid. " |
| text run at (465,18) width 76: "In addition, " |
| RenderInline {CODE} at (0,0) size 88x15 |
| RenderText {TEXT} at (541,20) size 88x15 |
| text run at (541,20) width 88: "highlighted" |
| RenderText {TEXT} at (629,18) size 741x36 |
| text run at (629,18) width 112: " is not a valid part" |
| text run at (0,36) width 40: "of the " |
| RenderInline {CODE} at (0,0) size 32x15 |
| RenderText {TEXT} at (40,38) size 32x15 |
| text run at (40,38) width 32: "font" |
| RenderText {TEXT} at (72,36) size 707x36 |
| text run at (72,36) width 179: " property, making it invalid. " |
| text run at (251,36) width 456: "Therefore, this paragraph's font should be the UA default, and match the" |
| text run at (0,54) width 129: "previous paragraph. " |
| text run at (129,54) width 190: "If this is not the case, then the " |
| RenderInline {CODE} at (0,0) size 32x15 |
| RenderText {TEXT} at (319,56) size 32x15 |
| text run at (319,56) width 32: "font" |
| RenderText {TEXT} at (351,54) size 248x18 |
| text run at (351,54) width 248: " declaration is being improperly parsed." |
| RenderBlock {P} at (4,1188) size 747x54 |
| RenderText {TEXT} at (0,0) size 530x18 |
| text run at (0,0) width 501: "The text of this paragraph should be normal size because the selector is invalid. " |
| text run at (501,0) width 29: "The " |
| RenderInline {EM} at (0,0) size 100x18 |
| RenderText {TEXT} at (530,0) size 100x18 |
| text run at (530,0) width 100: "emphasized text" |
| RenderText {TEXT} at (630,0) size 54x18 |
| text run at (630,0) width 54: " and the " |
| RenderInline {STRONG} at (0,0) size 727x36 |
| RenderText {TEXT} at (684,0) size 727x36 |
| text run at (684,0) width 43: "strong" |
| text run at (0,18) width 25: "text" |
| RenderText {TEXT} at (25,18) size 718x36 |
| 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" |
| text run at (0,36) width 592: "CSS, there could be an operator within the selector that has higher precedence than a comma)." |
| RenderBlock {P} at (4,1258) size 747x36 |
| RenderText {TEXT} at (0,0) size 464x18 |
| text run at (0,0) width 464: "This paragraph should be black, because the line before the declaration is " |
| RenderInline {STRONG} at (0,0) size 22x18 |
| RenderText {TEXT} at (464,0) size 22x18 |
| text run at (464,0) width 22: "not" |
| RenderText {TEXT} at (486,0) size 743x36 |
| text run at (486,0) width 257: " a comment and therefore the selector for" |
| text run at (0,18) width 139: "P.nineteenb is invalid." |
| RenderBlock {P} at (4,1310) size 747x18 [color=#0000FF] |
| RenderText {TEXT} at (0,0) size 470x18 |
| text run at (0,0) width 470: "This paragraph should be blue, because only the first declaration is invalid." |
| RenderBlock {P} at (4,1344) size 747x18 [color=#008000] |
| RenderText {TEXT} at (0,0) size 478x18 |
| text run at (0,0) width 478: "This paragraph should be green, because only the first declaration is invalid." |
| RenderBlock {P} at (4,1378) size 747x18 [color=#800080] |
| RenderText {TEXT} at (0,0) size 483x18 |
| text run at (0,0) width 483: "This paragraph should be purple, because only the first declaration is invalid." |
| RenderBlock {P} at (4,1412) size 747x18 [color=#008000] |
| RenderText {TEXT} at (0,0) size 478x18 |
| text run at (0,0) width 478: "This paragraph should be green, because only the first declaration is invalid." |
| RenderBlock {P} at (4,1446) size 747x18 [color=#008000] |
| RenderText {TEXT} at (0,0) size 478x18 |
| text run at (0,0) width 478: "This paragraph should be green, because only the first declaration is invalid." |
| RenderBlock {P} at (4,1480) size 747x18 |
| RenderText {TEXT} at (48,0) size 601x18 |
| text run at (48,0) width 485: "This paragraph should be indented half an inch, but it should not be maroon. " |
| text run at (533,0) width 116: "It should be black." |
| RenderBlock {P} at (4,1514) size 747x36 |
| RenderText {TEXT} at (0,0) size 728x36 |
| 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" |
| 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." |
