layer at (0,0) size 800x3887 RenderCanvas at (0,0) size 800x600 layer at (0,0) size 800x3887 RenderBlock {HTML} at (0,0) size 800x3887 RenderBody {BODY} at (8,8) size 784x3871 [bgcolor=#CCCCCC] RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000] RenderText {TEXT} at (0,0) size 385x17 text run at (0,0) width 385: "The style declarations which apply to the text below are:" RenderBlock {PRE} at (0,31) size 784x864 [bgcolor=#000000] RenderText {TEXT} at (0,0) size 568x848 text run at (0,0) width 264: "P.one {color: green; rotation: 70" text run at (264,0) width 40: "deg;}" text run at (0,16) width 176: "P.oneb {color: green;}" text run at (0,32) width 232: "P.oneb {color: invalidValue;}" text run at (0,48) width 272: "P.two {background-color: inherit;}" text run at (0,64) width 216: "H1 + P.three {color: blue;}" text run at (0,80) width 200: "P.four + H1 {color: red;}" text run at (0,96) width 264: "P.five {background-color: \"red\";}" text run at (0,112) width 408: "P.sixa {border-width: medium; border-style: solid;}" text run at (0,128) width 400: "P.sixb {border-width: funny; border-style: solid;}" text run at (0,144) width 192: "P.sixc {border-width: 50" text run at (192,144) width 200: "zu; border-style: solid;}" text run at (0,160) width 376: "P.sixd {border-width: px; border-style: solid;}" text run at (0,176) width 96: "@three-dee {" text run at (0,192) width 184: " @background-lighting {" text run at (0,208) width 104: " azimuth: 30" text run at (104,208) width 32: "deg;" text run at (0,224) width 128: " elevation: 190" text run at (128,224) width 32: "deg;" text run at (0,240) width 24: " }" text run at (0,256) width 184: " P.seven { color: red }" text run at (0,272) width 16: " }" text run at (0,288) width 184: "P.eight {COLOR: GREEN;}" text run at (0,304) width 192: "OL:wait {color: maroon;}" text run at (0,320) width 272: "P.ten:first-child {color: maroon;}" text run at (0,336) width 208: "UL:lang(fr) {color: gray;}" text run at (0,352) width 248: "BLOCKQUOTE[href] {color: navy;}" text run at (0,368) width 288: "ACRONYM[href=\"foo\"] {color: purple;}" text run at (0,384) width 296: "ADDRESS[href~=\"foo\"] {color: purple;}" text run at (0,400) width 248: "SPAN[lang|=\"fr\"] {color: #c37;}" text run at (0,416) width 96: "@media tty {" text run at (0,432) width 136: " H1 {color: red;}" text run at (0,448) width 192: " P.sixteen {color: red;}" text run at (0,464) width 16: " }" text run at (0,480) width 96: "@three-dee {" text run at (0,496) width 208: " P.seventeen {color: red }" text run at (0,512) width 16: " }" text run at (0,528) width 568: "P.eighteena {text-decoration: underline overline line-through diagonal;" text run at (0,544) width 416: " font: bold highlighted 100% sans-serif;}" text run at (0,560) width 568: "P.eighteenb {text-decoration: underline overline line-through diagonal;" text run at (0,576) width 376: " font: bold highlighted 100% serif;}" text run at (0,592) width 384: "EM, P.nineteena ! EM, STRONG {font-size: 200%; }" text run at (0,624) width 128: "// UL.nineteenb," text run at (0,640) width 200: "P.nineteenb {color: red;}" text run at (0,672) width 360: "P.twentya {rotation-code: \"}\"; color: blue;} " text run at (0,688) width 392: "P.twentyb {rotation-code: \"\\\"}\\\"\"; color: green;}" text run at (0,704) width 400: "P.twentyonea {rotation-code: '}'; color: purple;} " text run at (0,720) width 416: "P.twentyoneb {rotation-code: '\\'}\\''; color: green;}" text run at (0,736) width 104: "P.twentytwo {" text run at (0,752) width 376: " type-display: @threedee {rotation-code: '}';};" text run at (0,768) width 112: " color: green;" text run at (0,784) width 16: " }" text run at (0,800) width 248: "P.twentythree {text-indent: 0.5" text run at (248,800) width 32: "in;}" text run at (0,816) width 112: " color: maroon" text run at (0,832) width 208: "P.twentyfour {color: red;}" RenderBlock {HR} at (1,909) size 782x2 [bgcolor=#000000] RenderBlock {P} at (0,925) size 784x17 [color=#008000] [bgcolor=#000000] RenderText {TEXT} at (0,0) size 532x17 text run at (0,0) width 532: "This paragraph should be green, because only the rotation should be ignored." RenderBlock {P} at (0,956) size 784x17 [color=#008000] [bgcolor=#000000] RenderText {TEXT} at (0,0) size 680x17 text run at (0,0) width 680: "This paragraph should be green, since error-checking should be done before calculating specificity." RenderBlock {P} at (0,987) size 784x34 RenderText {TEXT} at (0,0) size 599x17 text run at (0,0) width 599: "This paragraph should have a solid gray background (or a white grid), because in CSS1, " RenderInline {CODE} at (0,0) size 56x16 [bgcolor=#000000] RenderText {TEXT} at (599,1) size 56x16 text run at (599,1) width 56: "inherit" RenderText {TEXT} at (655,0) size 741x34 text run at (655,0) width 86: " is an invalid" text run at (0,17) width 627: "keyword, and in CSS2, it will cause the gray background (not the white grid) to be inherited." RenderBlock {P} at (0,1035) size 784x17 [bgcolor=#000000] RenderText {TEXT} at (0,0) size 686x17 text run at (0,0) width 686: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply." RenderBlock {P} at (0,1066) size 784x17 [bgcolor=#000000] RenderText {TEXT} at (0,0) size 686x17 text run at (0,0) width 686: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply." RenderBlock {P} at (0,1097) size 784x17 [bgcolor=#000000] RenderText {TEXT} at (0,0) size 570x17 text run at (0,0) width 570: "This paragraph should have a white background, since keywords cannot be quoted." RenderBlock {P} at (0,1128) size 784x40 [bgcolor=#000000] RenderText {TEXT} at (3,3) size 739x34 text run at (3,3) width 710: "This paragraph should have a medium-width border around it (the same as the next three paragraphs). " text run at (713,3) width 29: "This" text run at (3,20) width 445: "should cause the user agent to use the default value of 'medium'." RenderBlock {P} at (0,1182) size 784x57 [bgcolor=#000000] RenderText {TEXT} at (3,3) size 750x51 text run at (3,3) width 723: "This paragraph should have a medium-width border around it (the same as the previous and the next two" text run at (3,20) width 343: "paragraphs), because the border-width is invalid. " text run at (346,20) width 407: "This should cause the user agent to use the default value of" text run at (3,37) width 67: "'medium'." RenderBlock {P} at (0,1253) size 784x57 [bgcolor=#000000] RenderText {TEXT} at (3,3) size 772x51 text run at (3,3) width 723: "This paragraph should have a medium-width border around it (the same as the next and the previous two" text run at (3,20) width 743: "paragraphs), because the border-width units are invalid, and therefore the border-width should be ignored. " text run at (746,20) width 29: "This" text run at (3,37) width 445: "should cause the user agent to use the default value of 'medium'." RenderBlock {P} at (0,1324) size 784x57 [bgcolor=#000000] RenderText {TEXT} at (3,3) size 764x51 text run at (3,3) width 734: "This paragraph should have a medium-width border around it (the same as the previous three paragraphs)," text run at (3,20) width 685: "because the border-width does not have any value to go with its pixel unit, and is therefore invalid. " text run at (688,20) width 79: "This should" text run at (3,37) width 395: "cause the user agent to use the default value of 'medium'." RenderBlock {P} at (0,1395) size 784x17 [bgcolor=#000000] RenderText {TEXT} at (0,0) size 726x17 text run at (0,0) width 726: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule." RenderBlock {P} at (0,1426) size 784x34 [color=#008000] [bgcolor=#000000] RenderText {TEXT} at (0,0) size 758x34 text run at (0,0) width 226: "This paragraph should be green. " text run at (226,0) width 532: "CSS is case-insensitive, unless required to be case sensitive due to interaction" text run at (0,17) width 330: "with other standards (e.g., font names or URLs.)" RenderBlock {OL} at (0,1474) size 784x17 [bgcolor=#000000] RenderListItem {LI} at (40,0) size 744x17 RenderListMarker at (0,0) size 0x14 RenderText {TEXT} at (0,0) size 686x17 text run at (0,0) width 686: "This ordered list item should be black, because the declaration has an invalid pseudo-class selector." RenderBlock {P} at (0,1505) size 784x34 [bgcolor=#000000] RenderText {TEXT} at (0,0) size 729x34 text run at (0,0) width 729: "This paragraph should be black, because, in CSS1, :first-child is an invalid pseudo-class, and in CSS2, this" text run at (0,17) width 213: "paragraph is not the first child." RenderBlock {UL} at (0,1553) size 784x34 [bgcolor=#000000] RenderListItem {LI} at (40,0) size 744x34 RenderListMarker at (0,0) size 0x14 RenderText {TEXT} at (0,0) size 732x34 text run at (0,0) width 732: "This unordered list item should be black, because, according to CSS1, the selector is invalid, and according" text run at (0,17) width 264: "to CSS2, the selector should not apply." RenderBlock {BLOCKQUOTE} at (40,1601) size 704x34 [bgcolor=#000000] RenderText {TEXT} at (0,0) size 695x34 text run at (0,0) width 695: "This blockquote should be black, because, according to CSS1, the selector is invalid, and according to" text run at (0,17) width 246: "CSS2, the selector should not apply." RenderBlock {P} at (0,1649) size 784x32 [bgcolor=#000000] RenderInline {ACRONYM} at (0,0) size 753x32 RenderText {TEXT} at (0,0) size 753x32 text run at (0,0) width 753: "This acronym should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector" text run at (0,16) width 108: "should not apply." RenderBlock {ADDRESS} at (0,1695) size 784x32 [bgcolor=#000000] RenderText {TEXT} at (0,0) size 749x32 text run at (0,0) width 749: "This address should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector" text run at (0,16) width 108: "should not apply." RenderBlock {P} at (0,1741) size 784x34 [bgcolor=#000000] RenderInline {SPAN} at (0,0) size 779x34 RenderText {TEXT} at (0,0) size 779x34 text run at (0,0) width 779: "This span should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector" text run at (0,17) width 119: "should not apply." RenderBlock {P} at (0,1789) size 784x34 [bgcolor=#000000] RenderText {TEXT} at (0,0) size 735x34 text run at (0,0) width 730: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule. " text run at (0,17) width 735: "However, it is valid in CSS2, so if this is being viewed on a tty browser that supports CSS2, it should be red." RenderBlock {P} at (0,1837) size 784x17 [bgcolor=#000000] RenderText {TEXT} at (0,0) size 726x17 text run at (0,0) width 726: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule." RenderBlock {P} at (0,1868) size 784x68 [bgcolor=#000000] RenderText {TEXT} at (0,0) size 752x34 text run at (0,0) width 752: "The text of this paragraph should be normal (that is, it should not be underlined, overlined, stricken, or bold)," text run at (0,17) width 60: "because " RenderInline {CODE} at (0,0) size 64x16 RenderText {TEXT} at (60,18) size 64x16 text run at (60,18) width 64: "diagonal" RenderText {TEXT} at (124,17) size 243x17 text run at (124,17) width 243: " is not a valid keyword, making the " RenderInline {CODE} at (0,0) size 120x16 RenderText {TEXT} at (367,18) size 120x16 text run at (367,18) width 120: "text-decoration" RenderText {TEXT} at (487,17) size 140x17 text run at (487,17) width 58: " invalid. " text run at (545,17) width 82: "In addition, " RenderInline {CODE} at (0,0) size 88x16 RenderText {TEXT} at (627,18) size 88x16 text run at (627,18) width 88: "highlighted" RenderText {TEXT} at (715,17) size 770x34 text run at (715,17) width 55: " is not a" text run at (0,34) width 112: "valid part of the " RenderInline {CODE} at (0,0) size 32x16 RenderText {TEXT} at (112,35) size 32x16 text run at (112,35) width 32: "font" RenderText {TEXT} at (144,34) size 766x34 text run at (144,34) width 195: " property, making it invalid. " text run at (339,34) width 427: "Therefore, this paragraph's font should be the UA default, and" text run at (0,51) width 186: "match the next paragraph. " text run at (186,51) width 213: "If this is not the case, then the " RenderInline {CODE} at (0,0) size 32x16 RenderText {TEXT} at (399,52) size 32x16 text run at (399,52) width 32: "font" RenderText {TEXT} at (431,51) size 273x17 text run at (431,51) width 273: " declaration is being improperly parsed." RenderBlock {P} at (0,1950) size 784x68 [bgcolor=#000000] RenderText {TEXT} at (0,0) size 752x34 text run at (0,0) width 752: "The text of this paragraph should be normal (that is, it should not be underlined, overlined, stricken, or bold)," text run at (0,17) width 60: "because " RenderInline {CODE} at (0,0) size 64x16 RenderText {TEXT} at (60,18) size 64x16 text run at (60,18) width 64: "diagonal" RenderText {TEXT} at (124,17) size 243x17 text run at (124,17) width 243: " is not a valid keyword, making the " RenderInline {CODE} at (0,0) size 120x16 RenderText {TEXT} at (367,18) size 120x16 text run at (367,18) width 120: "text-decoration" RenderText {TEXT} at (487,17) size 140x17 text run at (487,17) width 58: " invalid. " text run at (545,17) width 82: "In addition, " RenderInline {CODE} at (0,0) size 88x16 RenderText {TEXT} at (627,18) size 88x16 text run at (627,18) width 88: "highlighted" RenderText {TEXT} at (715,17) size 770x34 text run at (715,17) width 55: " is not a" text run at (0,34) width 112: "valid part of the " RenderInline {CODE} at (0,0) size 32x16 RenderText {TEXT} at (112,35) size 32x16 text run at (112,35) width 32: "font" RenderText {TEXT} at (144,34) size 766x34 text run at (144,34) width 195: " property, making it invalid. " text run at (339,34) width 427: "Therefore, this paragraph's font should be the UA default, and" text run at (0,51) width 214: "match the previous paragraph. " text run at (214,51) width 213: "If this is not the case, then the " RenderInline {CODE} at (0,0) size 32x16 RenderText {TEXT} at (427,52) size 32x16 text run at (427,52) width 32: "font" RenderText {TEXT} at (459,51) size 273x17 text run at (459,51) width 273: " declaration is being improperly parsed." RenderBlock {P} at (0,2032) size 784x51 [bgcolor=#000000] RenderText {TEXT} at (0,0) size 582x17 text run at (0,0) width 552: "The text of this paragraph should be normal size because the selector is invalid. " text run at (552,0) width 30: "The " RenderInline {EM} at (0,0) size 104x16 RenderText {TEXT} at (582,1) size 104x16 text run at (582,1) width 104: "emphasized text" RenderText {TEXT} at (686,0) size 56x17 text run at (686,0) width 56: " and the" RenderInline {STRONG} at (0,0) size 81x17 RenderText {TEXT} at (0,17) size 81x17 text run at (0,17) width 81: "strong text" RenderText {TEXT} at (81,17) size 770x34 text run at (81,17) width 689: " within it should also be normal size, since the entire ruleset should be skipped (since in some future" text run at (0,34) width 719: "version of CSS, there could be an operator within the selector that has higher precedence than a comma)." RenderBlock {P} at (0,2097) size 784x34 [bgcolor=#000000] RenderText {TEXT} at (0,0) size 508x17 text run at (0,0) width 508: "This paragraph should be black, because the line before the declaration is " RenderInline {STRONG} at (0,0) size 24x17 RenderText {TEXT} at (508,0) size 24x17 text run at (508,0) width 24: "not" RenderText {TEXT} at (532,0) size 735x34 text run at (532,0) width 203: " a comment and therefore the" text run at (0,17) width 233: "selector for P.nineteenb is invalid." RenderBlock {P} at (0,2145) size 784x17 [color=#0000FF] [bgcolor=#000000] RenderText {TEXT} at (0,0) size 514x17 text run at (0,0) width 514: "This paragraph should be blue, because only the first declaration is invalid." RenderBlock {P} at (0,2176) size 784x17 [color=#008000] [bgcolor=#000000] RenderText {TEXT} at (0,0) size 523x17 text run at (0,0) width 523: "This paragraph should be green, because only the first declaration is invalid." RenderBlock {P} at (0,2207) size 784x17 [color=#800080] [bgcolor=#000000] RenderText {TEXT} at (0,0) size 528x17 text run at (0,0) width 528: "This paragraph should be purple, because only the first declaration is invalid." RenderBlock {P} at (0,2238) size 784x17 [color=#008000] [bgcolor=#000000] RenderText {TEXT} at (0,0) size 523x17 text run at (0,0) width 523: "This paragraph should be green, because only the first declaration is invalid." RenderBlock {P} at (0,2269) size 784x17 [color=#008000] [bgcolor=#000000] RenderText {TEXT} at (0,0) size 523x17 text run at (0,0) width 523: "This paragraph should be green, because only the first declaration is invalid." RenderBlock {P} at (0,2300) size 784x17 [bgcolor=#000000] RenderText {TEXT} at (48,0) size 658x17 text run at (48,0) width 532: "This paragraph should be indented half an inch, but it should not be maroon. " text run at (580,0) width 126: "It should be black." RenderBlock {P} at (0,2331) size 784x34 [bgcolor=#000000] RenderText {TEXT} at (0,0) size 782x34 text run at (0,0) width 782: "This paragraph should be black, because the color declaration after the previous ruleset should be considered part" text run at (0,17) width 730: "of the selector for this ruleset, and this ruleset therefore has an invalid selector and should not be applied." RenderTable {TABLE} at (0,2379) size 784x1492 [bgcolor=#000000] RenderTableSection {TBODY} at (1,1) size 0x1490 RenderTableRow {TR} at (0,0) size 0x0 RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2] RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000] RenderText {TEXT} at (4,4) size 164x17 text run at (4,4) width 164: "TABLE Testing Section" RenderTableRow {TR} at (0,0) size 0x0 RenderTableCell {TD} at (0,745) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1] RenderText {TEXT} at (4,4) size 4x17 text run at (4,4) width 4: "\x{A0}" RenderTableCell {TD} at (12,25) size 770x1465 [r=1 c=1 rs=1 cs=1] RenderBlock {P} at (4,4) size 762x17 [color=#008000] RenderText {TEXT} at (0,0) size 532x17 text run at (0,0) width 532: "This paragraph should be green, because only the rotation should be ignored." RenderBlock {P} at (4,35) size 762x17 [color=#008000] RenderText {TEXT} at (0,0) size 680x17 text run at (0,0) width 680: "This paragraph should be green, since error-checking should be done before calculating specificity." RenderBlock {P} at (4,66) size 762x34 RenderText {TEXT} at (0,0) size 599x17 text run at (0,0) width 599: "This paragraph should have a solid gray background (or a white grid), because in CSS1, " RenderInline {CODE} at (0,0) size 56x16 RenderText {TEXT} at (599,1) size 56x16 text run at (599,1) width 56: "inherit" RenderText {TEXT} at (655,0) size 741x34 text run at (655,0) width 86: " is an invalid" text run at (0,17) width 627: "keyword, and in CSS2, it will cause the gray background (not the white grid) to be inherited." RenderBlock {P} at (4,114) size 762x17 RenderText {TEXT} at (0,0) size 686x17 text run at (0,0) width 686: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply." RenderBlock {P} at (4,145) size 762x17 RenderText {TEXT} at (0,0) size 686x17 text run at (0,0) width 686: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply." RenderBlock {P} at (4,176) size 762x17 RenderText {TEXT} at (0,0) size 570x17 text run at (0,0) width 570: "This paragraph should have a white background, since keywords cannot be quoted." RenderBlock {P} at (4,207) size 762x40 RenderText {TEXT} at (3,3) size 739x34 text run at (3,3) width 710: "This paragraph should have a medium-width border around it (the same as the next three paragraphs). " text run at (713,3) width 29: "This" text run at (3,20) width 445: "should cause the user agent to use the default value of 'medium'." RenderBlock {P} at (4,261) size 762x57 RenderText {TEXT} at (3,3) size 750x51 text run at (3,3) width 723: "This paragraph should have a medium-width border around it (the same as the previous and the next two" text run at (3,20) width 343: "paragraphs), because the border-width is invalid. " text run at (346,20) width 407: "This should cause the user agent to use the default value of" text run at (3,37) width 67: "'medium'." RenderBlock {P} at (4,332) size 762x57 RenderText {TEXT} at (3,3) size 743x51 text run at (3,3) width 723: "This paragraph should have a medium-width border around it (the same as the next and the previous two" text run at (3,20) width 743: "paragraphs), because the border-width units are invalid, and therefore the border-width should be ignored. " text run at (3,37) width 478: "This should cause the user agent to use the default value of 'medium'." RenderBlock {P} at (4,403) size 762x57 RenderText {TEXT} at (3,3) size 734x51 text run at (3,3) width 734: "This paragraph should have a medium-width border around it (the same as the previous three paragraphs)," text run at (3,20) width 685: "because the border-width does not have any value to go with its pixel unit, and is therefore invalid. " text run at (688,20) width 29: "This" text run at (3,37) width 445: "should cause the user agent to use the default value of 'medium'." RenderBlock {P} at (4,474) size 762x17 RenderText {TEXT} at (0,0) size 726x17 text run at (0,0) width 726: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule." RenderBlock {P} at (4,505) size 762x34 [color=#008000] RenderText {TEXT} at (0,0) size 758x34 text run at (0,0) width 226: "This paragraph should be green. " text run at (226,0) width 532: "CSS is case-insensitive, unless required to be case sensitive due to interaction" text run at (0,17) width 330: "with other standards (e.g., font names or URLs.)" RenderBlock {OL} at (4,553) size 762x17 RenderListItem {LI} at (40,0) size 722x17 RenderListMarker at (0,0) size 0x14 RenderText {TEXT} at (0,0) size 686x17 text run at (0,0) width 686: "This ordered list item should be black, because the declaration has an invalid pseudo-class selector." RenderBlock {P} at (4,584) size 762x34 RenderText {TEXT} at (0,0) size 729x34 text run at (0,0) width 729: "This paragraph should be black, because, in CSS1, :first-child is an invalid pseudo-class, and in CSS2, this" text run at (0,17) width 213: "paragraph is not the first child." RenderBlock {UL} at (4,632) size 762x34 RenderListItem {LI} at (40,0) size 722x34 RenderListMarker at (0,0) size 0x14 RenderText {TEXT} at (0,0) size 661x34 text run at (0,0) width 661: "This unordered list item should be black, because, according to CSS1, the selector is invalid, and" text run at (0,17) width 335: "according to CSS2, the selector should not apply." RenderBlock {BLOCKQUOTE} at (44,680) size 682x34 RenderText {TEXT} at (0,0) size 677x34 text run at (0,0) width 677: "This blockquote should be black, because, according to CSS1, the selector is invalid, and according" text run at (0,17) width 264: "to CSS2, the selector should not apply." RenderBlock {P} at (4,728) size 762x32 RenderInline {ACRONYM} at (0,0) size 753x32 RenderText {TEXT} at (0,0) size 753x32 text run at (0,0) width 753: "This acronym should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector" text run at (0,16) width 108: "should not apply." RenderBlock {ADDRESS} at (4,774) size 762x32 RenderText {TEXT} at (0,0) size 749x32 text run at (0,0) width 749: "This address should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector" text run at (0,16) width 108: "should not apply." RenderBlock {P} at (4,820) size 762x34 RenderInline {SPAN} at (0,0) size 721x34 RenderText {TEXT} at (0,0) size 721x34 text run at (0,0) width 721: "This span should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the" text run at (0,17) width 177: "selector should not apply." RenderBlock {P} at (4,868) size 762x34 RenderText {TEXT} at (0,0) size 735x34 text run at (0,0) width 730: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule. " text run at (0,17) width 735: "However, it is valid in CSS2, so if this is being viewed on a tty browser that supports CSS2, it should be red." RenderBlock {P} at (4,916) size 762x17 RenderText {TEXT} at (0,0) size 726x17 text run at (0,0) width 726: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule." RenderBlock {P} at (4,947) size 762x68 RenderText {TEXT} at (0,0) size 752x34 text run at (0,0) width 752: "The text of this paragraph should be normal (that is, it should not be underlined, overlined, stricken, or bold)," text run at (0,17) width 60: "because " RenderInline {CODE} at (0,0) size 64x16 RenderText {TEXT} at (60,18) size 64x16 text run at (60,18) width 64: "diagonal" RenderText {TEXT} at (124,17) size 243x17 text run at (124,17) width 243: " is not a valid keyword, making the " RenderInline {CODE} at (0,0) size 120x16 RenderText {TEXT} at (367,18) size 120x16 text run at (367,18) width 120: "text-decoration" RenderText {TEXT} at (487,17) size 140x17 text run at (487,17) width 58: " invalid. " text run at (545,17) width 82: "In addition, " RenderInline {CODE} at (0,0) size 88x16 RenderText {TEXT} at (627,18) size 88x16 text run at (627,18) width 88: "highlighted" RenderText {TEXT} at (715,17) size 758x34 text run at (715,17) width 43: " is not" text run at (0,34) width 124: "a valid part of the " RenderInline {CODE} at (0,0) size 32x16 RenderText {TEXT} at (124,35) size 32x16 text run at (124,35) width 32: "font" RenderText {TEXT} at (156,34) size 748x34 text run at (156,34) width 195: " property, making it invalid. " text run at (351,34) width 397: "Therefore, this paragraph's font should be the UA default," text run at (0,51) width 216: "and match the next paragraph. " text run at (216,51) width 213: "If this is not the case, then the " RenderInline {CODE} at (0,0) size 32x16 RenderText {TEXT} at (429,52) size 32x16 text run at (429,52) width 32: "font" RenderText {TEXT} at (461,51) size 273x17 text run at (461,51) width 273: " declaration is being improperly parsed." RenderBlock {P} at (4,1029) size 762x68 RenderText {TEXT} at (0,0) size 752x34 text run at (0,0) width 752: "The text of this paragraph should be normal (that is, it should not be underlined, overlined, stricken, or bold)," text run at (0,17) width 60: "because " RenderInline {CODE} at (0,0) size 64x16 RenderText {TEXT} at (60,18) size 64x16 text run at (60,18) width 64: "diagonal" RenderText {TEXT} at (124,17) size 243x17 text run at (124,17) width 243: " is not a valid keyword, making the " RenderInline {CODE} at (0,0) size 120x16 RenderText {TEXT} at (367,18) size 120x16 text run at (367,18) width 120: "text-decoration" RenderText {TEXT} at (487,17) size 140x17 text run at (487,17) width 58: " invalid. " text run at (545,17) width 82: "In addition, " RenderInline {CODE} at (0,0) size 88x16 RenderText {TEXT} at (627,18) size 88x16 text run at (627,18) width 88: "highlighted" RenderText {TEXT} at (715,17) size 758x34 text run at (715,17) width 43: " is not" text run at (0,34) width 124: "a valid part of the " RenderInline {CODE} at (0,0) size 32x16 RenderText {TEXT} at (124,35) size 32x16 text run at (124,35) width 32: "font" RenderText {TEXT} at (156,34) size 748x34 text run at (156,34) width 195: " property, making it invalid. " text run at (351,34) width 397: "Therefore, this paragraph's font should be the UA default," text run at (0,51) width 244: "and match the previous paragraph. " text run at (244,51) width 213: "If this is not the case, then the " RenderInline {CODE} at (0,0) size 32x16 RenderText {TEXT} at (457,52) size 32x16 text run at (457,52) width 32: "font" RenderText {TEXT} at (489,51) size 273x17 text run at (489,51) width 273: " declaration is being improperly parsed." RenderBlock {P} at (4,1111) size 762x68 RenderText {TEXT} at (0,0) size 582x17 text run at (0,0) width 552: "The text of this paragraph should be normal size because the selector is invalid. " text run at (552,0) width 30: "The " RenderInline {EM} at (0,0) size 104x16 RenderText {TEXT} at (582,1) size 104x16 text run at (582,1) width 104: "emphasized text" RenderText {TEXT} at (686,0) size 56x17 text run at (686,0) width 56: " and the" RenderInline {STRONG} at (0,0) size 81x17 RenderText {TEXT} at (0,17) size 81x17 text run at (0,17) width 81: "strong text" RenderText {TEXT} at (81,17) size 724x51 text run at (81,17) width 643: " within it should also be normal size, since the entire ruleset should be skipped (since in some" text run at (0,34) width 701: "future version of CSS, there could be an operator within the selector that has higher precedence than a" text run at (0,51) width 60: "comma)." RenderBlock {P} at (4,1193) size 762x34 RenderText {TEXT} at (0,0) size 508x17 text run at (0,0) width 508: "This paragraph should be black, because the line before the declaration is " RenderInline {STRONG} at (0,0) size 24x17 RenderText {TEXT} at (508,0) size 24x17 text run at (508,0) width 24: "not" RenderText {TEXT} at (532,0) size 735x34 text run at (532,0) width 203: " a comment and therefore the" text run at (0,17) width 233: "selector for P.nineteenb is invalid." RenderBlock {P} at (4,1241) size 762x17 [color=#0000FF] RenderText {TEXT} at (0,0) size 514x17 text run at (0,0) width 514: "This paragraph should be blue, because only the first declaration is invalid." RenderBlock {P} at (4,1272) size 762x17 [color=#008000] RenderText {TEXT} at (0,0) size 523x17 text run at (0,0) width 523: "This paragraph should be green, because only the first declaration is invalid." RenderBlock {P} at (4,1303) size 762x17 [color=#800080] RenderText {TEXT} at (0,0) size 528x17 text run at (0,0) width 528: "This paragraph should be purple, because only the first declaration is invalid." RenderBlock {P} at (4,1334) size 762x17 [color=#008000] RenderText {TEXT} at (0,0) size 523x17 text run at (0,0) width 523: "This paragraph should be green, because only the first declaration is invalid." RenderBlock {P} at (4,1365) size 762x17 [color=#008000] RenderText {TEXT} at (0,0) size 523x17 text run at (0,0) width 523: "This paragraph should be green, because only the first declaration is invalid." RenderBlock {P} at (4,1396) size 762x17 RenderText {TEXT} at (48,0) size 658x17 text run at (48,0) width 532: "This paragraph should be indented half an inch, but it should not be maroon. " text run at (580,0) width 126: "It should be black." RenderBlock {P} at (4,1427) size 762x34 RenderText {TEXT} at (0,0) size 762x34 text run at (0,0) width 750: "This paragraph should be black, because the color declaration after the previous ruleset should be considered" text run at (0,17) width 762: "part of the selector for this ruleset, and this ruleset therefore has an invalid selector and should not be applied."