| layer at (0,0) size 785x4321 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x4321 |
| RenderBlock {HTML} at (0,0) size 785x4321 |
| RenderBody {BODY} at (8,8) size 769x4305 [bgcolor=#CCCCCC] |
| RenderBlock {P} at (0,0) size 769x20 |
| RenderText {#text} at (0,0) size 337x19 |
| text run at (0,0) width 337: "The style declarations which apply to the text below are:" |
| RenderBlock {PRE} at (0,36) size 769x864 |
| RenderText {#text} at (0,0) size 568x864 |
| text run at (0,0) width 304: "P.one {color: green; rotation: 70deg;}" |
| text run at (304,0) width 0: " " |
| text run at (0,16) width 176: "P.oneb {color: green;}" |
| text run at (176,16) width 0: " " |
| text run at (0,32) width 232: "P.oneb {color: invalidValue;}" |
| text run at (232,32) width 0: " " |
| text run at (0,48) width 272: "P.two {background-color: inherit;}" |
| text run at (272,48) width 0: " " |
| text run at (0,64) width 216: "H1 + P.three {color: blue;}" |
| text run at (216,64) width 0: " " |
| text run at (0,80) width 200: "P.four + H1 {color: red;}" |
| text run at (200,80) width 0: " " |
| text run at (0,96) width 264: "P.five {background-color: \"red\";}" |
| text run at (264,96) width 0: " " |
| text run at (0,112) width 408: "P.sixa {border-width: medium; border-style: solid;}" |
| text run at (408,112) width 0: " " |
| text run at (0,128) width 400: "P.sixb {border-width: funny; border-style: solid;}" |
| text run at (400,128) width 0: " " |
| text run at (0,144) width 392: "P.sixc {border-width: 50zu; border-style: solid;}" |
| text run at (392,144) width 0: " " |
| text run at (0,160) width 376: "P.sixd {border-width: px; border-style: solid;}" |
| text run at (376,160) width 0: " " |
| text run at (0,176) width 96: "@three-dee {" |
| text run at (96,176) width 0: " " |
| text run at (0,192) width 184: " @background-lighting {" |
| text run at (184,192) width 0: " " |
| text run at (0,208) width 136: " azimuth: 30deg;" |
| text run at (136,208) width 0: " " |
| text run at (0,224) width 160: " elevation: 190deg;" |
| text run at (160,224) width 0: " " |
| text run at (0,240) width 24: " }" |
| text run at (24,240) width 0: " " |
| text run at (0,256) width 184: " P.seven { color: red }" |
| text run at (184,256) width 0: " " |
| text run at (0,272) width 16: " }" |
| text run at (16,272) width 0: " " |
| text run at (0,288) width 184: "P.eight {COLOR: GREEN;}" |
| text run at (184,288) width 0: " " |
| text run at (0,304) width 192: "OL:wait {color: maroon;}" |
| text run at (192,304) width 0: " " |
| text run at (0,320) width 272: "P.ten:first-child {color: maroon;}" |
| text run at (272,320) width 0: " " |
| text run at (0,336) width 208: "UL:lang(fr) {color: gray;}" |
| text run at (208,336) width 0: " " |
| text run at (0,352) width 248: "BLOCKQUOTE[href] {color: navy;}" |
| text run at (248,352) width 0: " " |
| text run at (0,368) width 288: "ACRONYM[href=\"foo\"] {color: purple;}" |
| text run at (288,368) width 0: " " |
| text run at (0,384) width 296: "ADDRESS[href~=\"foo\"] {color: purple;}" |
| text run at (296,384) width 0: " " |
| text run at (0,400) width 248: "SPAN[lang|=\"fr\"] {color: #c37;}" |
| text run at (248,400) width 0: " " |
| text run at (0,416) width 96: "@media tty {" |
| text run at (96,416) width 0: " " |
| text run at (0,432) width 136: " H1 {color: red;}" |
| text run at (136,432) width 0: " " |
| text run at (0,448) width 192: " P.sixteen {color: red;}" |
| text run at (192,448) width 0: " " |
| text run at (0,464) width 16: " }" |
| text run at (16,464) width 0: " " |
| text run at (0,480) width 96: "@three-dee {" |
| text run at (96,480) width 0: " " |
| text run at (0,496) width 208: " P.seventeen {color: red }" |
| text run at (208,496) width 0: " " |
| text run at (0,512) width 16: " }" |
| text run at (16,512) width 0: " " |
| text run at (0,528) width 568: "P.eighteena {text-decoration: underline overline line-through diagonal;" |
| text run at (568,528) width 0: " " |
| text run at (0,544) width 416: " font: bold highlighted 100% sans-serif;}" |
| text run at (416,544) width 0: " " |
| text run at (0,560) width 568: "P.eighteenb {text-decoration: underline overline line-through diagonal;" |
| text run at (568,560) width 0: " " |
| text run at (0,576) width 376: " font: bold highlighted 100% serif;}" |
| text run at (376,576) width 0: " " |
| text run at (0,592) width 384: "EM, P.nineteena ! EM, STRONG {font-size: 200%; }" |
| text run at (384,592) width 0: " " |
| text run at (0,608) width 0: " " |
| text run at (0,624) width 128: "// UL.nineteenb," |
| text run at (128,624) width 0: " " |
| text run at (0,640) width 200: "P.nineteenb {color: red;}" |
| text run at (200,640) width 0: " " |
| text run at (0,656) width 0: " " |
| text run at (0,672) width 360: "P.twentya {rotation-code: \"}\"; color: blue;} " |
| text run at (360,672) width 0: " " |
| text run at (0,688) width 392: "P.twentyb {rotation-code: \"\\\"}\\\"\"; color: green;}" |
| text run at (392,688) width 0: " " |
| text run at (0,704) width 400: "P.twentyonea {rotation-code: '}'; color: purple;} " |
| text run at (400,704) width 0: " " |
| text run at (0,720) width 416: "P.twentyoneb {rotation-code: '\\'}\\''; color: green;}" |
| text run at (416,720) width 0: " " |
| text run at (0,736) width 104: "P.twentytwo {" |
| text run at (104,736) width 0: " " |
| text run at (0,752) width 376: " type-display: @threedee {rotation-code: '}';};" |
| text run at (376,752) width 0: " " |
| text run at (0,768) width 112: " color: green;" |
| text run at (112,768) width 0: " " |
| text run at (0,784) width 16: " }" |
| text run at (16,784) width 0: " " |
| text run at (0,800) width 280: "P.twentythree {text-indent: 0.5in;}" |
| text run at (280,800) width 0: " " |
| text run at (0,816) width 112: " color: maroon" |
| text run at (112,816) width 0: " " |
| text run at (0,832) width 208: "P.twentyfour {color: red;}" |
| text run at (208,832) width 0: " " |
| text run at (0,848) width 0: " " |
| RenderBlock {HR} at (0,913) size 769x2 [border: (1px inset #000000)] |
| RenderBlock {P} at (0,931) size 769x20 [color=#008000] |
| RenderText {#text} at (0,0) size 462x19 |
| text run at (0,0) width 462: "This paragraph should be green, because only the rotation should be ignored." |
| RenderBlock {P} at (0,967) size 769x20 [color=#008000] |
| RenderText {#text} at (0,0) size 592x19 |
| text run at (0,0) width 592: "This paragraph should be green, since error-checking should be done before calculating specificity." |
| RenderBlock {P} at (0,1003) size 769x40 |
| RenderText {#text} at (0,0) size 535x19 |
| text run at (0,0) width 535: "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 (535,3) size 56x16 |
| text run at (535,3) width 56: "inherit" |
| RenderText {#text} at (591,0) size 766x39 |
| text run at (591,0) width 175: " is an invalid keyword, and in" |
| text run at (0,20) width 454: "CSS2, it will cause the gray background (not the white grid) to be inherited." |
| RenderBlock {P} at (0,1059) size 769x20 |
| RenderText {#text} at (0,0) size 611x19 |
| text run at (0,0) width 611: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply." |
| RenderBlock {P} at (0,1095) size 769x20 |
| RenderText {#text} at (0,0) size 611x19 |
| text run at (0,0) width 611: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply." |
| RenderBlock {P} at (0,1131) size 769x20 |
| RenderText {#text} at (0,0) size 503x19 |
| text run at (0,0) width 503: "This paragraph should have a white background, since keywords cannot be quoted." |
| RenderBlock {P} at (0,1167) size 769x46 [border: (3px solid #000000)] |
| RenderText {#text} at (3,3) size 744x39 |
| text run at (3,3) width 616: "This paragraph should have a medium-width border around it (the same as the next three paragraphs). " |
| text run at (619,3) width 128: "This should cause the" |
| text run at (3,23) width 279: "user agent to use the default value of 'medium'." |
| RenderBlock {P} at (0,1229) size 769x46 [border: (3px solid #000000)] |
| RenderText {#text} at (3,3) size 761x39 |
| text run at (3,3) width 761: "This paragraph should have a medium-width border around it (the same as the previous and the next two paragraphs), because" |
| text run at (3,23) width 165: "the border-width is invalid. " |
| text run at (168,23) width 411: "This should cause the user agent to use the default value of 'medium'." |
| RenderBlock {P} at (0,1291) size 769x66 [border: (3px solid #000000)] |
| RenderText {#text} at (3,3) size 761x59 |
| text run at (3,3) width 761: "This paragraph should have a medium-width border around it (the same as the next and the previous two paragraphs), because" |
| text run at (3,23) width 511: "the border-width units are invalid, and therefore the border-width should be ignored. " |
| text run at (514,23) width 233: "This should cause the user agent to use" |
| text run at (3,43) width 174: "the default value of 'medium'." |
| RenderBlock {P} at (0,1373) size 769x66 [border: (3px solid #000000)] |
| RenderText {#text} at (3,3) size 750x59 |
| text run at (3,3) width 713: "This paragraph should have a medium-width border around it (the same as the previous three paragraphs), because the" |
| text run at (3,23) width 517: "border-width does not have any value to go with its pixel unit, and is therefore invalid. " |
| text run at (520,23) width 233: "This should cause the user agent to use" |
| text run at (3,43) width 174: "the default value of 'medium'." |
| RenderBlock {P} at (0,1455) size 769x20 |
| RenderText {#text} at (0,0) size 627x19 |
| text run at (0,0) width 627: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule." |
| RenderBlock {P} at (0,1491) size 769x40 [color=#008000] |
| RenderText {#text} at (0,0) size 726x39 |
| text run at (0,0) width 197: "This paragraph should be green. " |
| text run at (197,0) width 529: "CSS is case-insensitive, unless required to be case sensitive due to interaction with other" |
| text run at (0,20) width 228: "standards (e.g., font names or URLs.)" |
| RenderBlock {OL} at (0,1547) size 769x20 |
| RenderListItem {LI} at (40,0) size 729x20 |
| RenderListMarker at (-21,0) size 16x19: "1" |
| RenderText {#text} at (0,0) size 596x19 |
| text run at (0,0) width 596: "This ordered list item should be black, because the declaration has an invalid pseudo-class selector." |
| RenderBlock {P} at (0,1583) size 769x40 |
| RenderText {#text} at (0,0) size 764x39 |
| text run at (0,0) width 764: "This paragraph should be black, because, in CSS1, :first-child is an invalid pseudo-class, and in CSS2, this paragraph is not the" |
| text run at (0,20) width 58: "first child." |
| RenderBlock {UL} at (0,1639) size 769x40 |
| RenderListItem {LI} at (40,0) size 729x40 |
| RenderListMarker at (-18,0) size 7x19: bullet |
| RenderText {#text} at (0,0) size 728x39 |
| text run at (0,0) width 728: "This unordered list item should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the" |
| text run at (0,20) width 154: "selector should not apply." |
| RenderBlock {BLOCKQUOTE} at (40,1695) size 689x40 |
| RenderText {#text} at (0,0) size 685x39 |
| text run at (0,0) width 685: "This blockquote should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the" |
| text run at (0,20) width 154: "selector should not apply." |
| RenderBlock {P} at (0,1751) size 769x40 |
| RenderInline {ACRONYM} at (0,0) size 763x39 |
| RenderText {#text} at (0,0) size 763x39 |
| text run at (0,0) width 763: "This acronym should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector should" |
| text run at (0,20) width 60: "not apply." |
| RenderBlock {ADDRESS} at (0,1807) size 769x40 |
| RenderText {#text} at (0,0) size 753x39 |
| text run at (0,0) width 753: "This address should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector" |
| text run at (0,20) width 110: "should not apply." |
| RenderBlock {P} at (0,1863) size 769x40 |
| RenderInline {SPAN} at (0,0) size 762x39 |
| RenderText {#text} at (0,0) size 762x39 |
| text run at (0,0) width 762: "This span should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector should not" |
| text run at (0,20) width 37: "apply." |
| RenderBlock {P} at (0,1919) size 769x40 |
| RenderText {#text} at (0,0) size 761x39 |
| text run at (0,0) width 631: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule. " |
| text run at (631,0) width 130: "However, it is valid in" |
| text run at (0,20) width 521: "CSS2, so if this is being viewed on a tty browser that supports CSS2, it should be red." |
| RenderBlock {P} at (0,1975) size 769x20 |
| RenderText {#text} at (0,0) size 627x19 |
| text run at (0,0) width 627: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule." |
| RenderBlock {P} at (0,2011) size 769x80 |
| RenderText {#text} at (0,0) size 703x19 |
| text run at (0,0) width 703: "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 64x16 |
| RenderText {#text} at (0,23) size 64x16 |
| text run at (0,23) width 64: "diagonal" |
| RenderText {#text} at (64,20) size 214x19 |
| text run at (64,20) width 214: " is not a valid keyword, making the " |
| RenderInline {CODE} at (0,0) size 120x16 |
| RenderText {#text} at (278,23) size 120x16 |
| text run at (278,23) width 120: "text-decoration" |
| RenderText {#text} at (398,20) size 122x19 |
| text run at (398,20) width 50: " invalid. " |
| text run at (448,20) width 72: "In addition, " |
| RenderInline {CODE} at (0,0) size 88x16 |
| RenderText {#text} at (520,23) size 88x16 |
| text run at (520,23) width 88: "highlighted" |
| RenderText {#text} at (608,20) size 145x19 |
| text run at (608,20) width 145: " is not a valid part of the" |
| RenderInline {CODE} at (0,0) size 32x16 |
| RenderText {#text} at (0,43) size 32x16 |
| text run at (0,43) width 32: "font" |
| RenderText {#text} at (32,40) size 769x39 |
| text run at (32,40) width 168: " property, making it invalid. " |
| text run at (200,40) width 536: "Therefore, this paragraph's font should be the UA default, and match the next paragraph. " |
| text run at (736,40) width 33: "If this" |
| text run at (0,60) width 144: "is not the case, then the " |
| RenderInline {CODE} at (0,0) size 32x16 |
| RenderText {#text} at (144,63) size 32x16 |
| text run at (144,63) width 32: "font" |
| RenderText {#text} at (176,60) size 237x19 |
| text run at (176,60) width 237: " declaration is being improperly parsed." |
| RenderBlock {P} at (0,2107) size 769x80 |
| RenderText {#text} at (0,0) size 703x19 |
| text run at (0,0) width 703: "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 64x16 |
| RenderText {#text} at (0,23) size 64x16 |
| text run at (0,23) width 64: "diagonal" |
| RenderText {#text} at (64,20) size 214x19 |
| text run at (64,20) width 214: " is not a valid keyword, making the " |
| RenderInline {CODE} at (0,0) size 120x16 |
| RenderText {#text} at (278,23) size 120x16 |
| text run at (278,23) width 120: "text-decoration" |
| RenderText {#text} at (398,20) size 122x19 |
| text run at (398,20) width 50: " invalid. " |
| text run at (448,20) width 72: "In addition, " |
| RenderInline {CODE} at (0,0) size 88x16 |
| RenderText {#text} at (520,23) size 88x16 |
| text run at (520,23) width 88: "highlighted" |
| RenderText {#text} at (608,20) size 145x19 |
| text run at (608,20) width 145: " is not a valid part of the" |
| RenderInline {CODE} at (0,0) size 32x16 |
| RenderText {#text} at (0,43) size 32x16 |
| text run at (0,43) width 32: "font" |
| RenderText {#text} at (32,40) size 758x39 |
| text run at (32,40) width 168: " property, making it invalid. " |
| text run at (200,40) width 558: "Therefore, this paragraph's font should be the UA default, and match the previous paragraph." |
| text run at (0,60) width 181: "If this is not the case, then the " |
| RenderInline {CODE} at (0,0) size 32x16 |
| RenderText {#text} at (181,63) size 32x16 |
| text run at (181,63) width 32: "font" |
| RenderText {#text} at (213,60) size 237x19 |
| text run at (213,60) width 237: " declaration is being improperly parsed." |
| RenderBlock {P} at (0,2203) size 769x60 |
| RenderText {#text} at (0,0) size 503x19 |
| text run at (0,0) width 476: "The text of this paragraph should be normal size because the selector is invalid. " |
| text run at (476,0) width 27: "The " |
| RenderInline {EM} at (0,0) size 103x19 |
| RenderText {#text} at (503,0) size 103x19 |
| text run at (503,0) width 103: "emphasized text" |
| RenderText {#text} at (606,0) size 52x19 |
| text run at (606,0) width 52: " and the " |
| RenderInline {STRONG} at (0,0) size 72x19 |
| RenderText {#text} at (658,0) size 72x19 |
| text run at (658,0) width 72: "strong text" |
| RenderText {#text} at (730,0) size 769x59 |
| text run at (730,0) width 39: " within" |
| text run at (0,20) width 757: "it should also be normal size, since the entire ruleset should be skipped (since in some future version of CSS, there could be an" |
| text run at (0,40) width 425: "operator within the selector that has higher precedence than a comma)." |
| RenderBlock {P} at (0,2279) size 769x40 |
| RenderText {#text} at (0,0) size 444x19 |
| text run at (0,0) width 444: "This paragraph should be black, because the line before the declaration is " |
| RenderInline {STRONG} at (0,0) size 21x19 |
| RenderText {#text} at (444,0) size 21x19 |
| text run at (444,0) width 21: "not" |
| RenderText {#text} at (465,0) size 713x39 |
| text run at (465,0) width 248: " a comment and therefore the selector for" |
| text run at (0,20) width 129: "P.nineteenb is invalid." |
| RenderBlock {P} at (0,2335) size 769x20 [color=#0000FF] |
| RenderText {#text} at (0,0) size 444x19 |
| text run at (0,0) width 444: "This paragraph should be blue, because only the first declaration is invalid." |
| RenderBlock {P} at (0,2371) size 769x20 [color=#008000] |
| RenderText {#text} at (0,0) size 452x19 |
| text run at (0,0) width 452: "This paragraph should be green, because only the first declaration is invalid." |
| RenderBlock {P} at (0,2407) size 769x20 [color=#800080] |
| RenderText {#text} at (0,0) size 457x19 |
| text run at (0,0) width 457: "This paragraph should be purple, because only the first declaration is invalid." |
| RenderBlock {P} at (0,2443) size 769x20 [color=#008000] |
| RenderText {#text} at (0,0) size 452x19 |
| text run at (0,0) width 452: "This paragraph should be green, because only the first declaration is invalid." |
| RenderBlock {P} at (0,2479) size 769x20 [color=#008000] |
| RenderText {#text} at (0,0) size 452x19 |
| text run at (0,0) width 452: "This paragraph should be green, because only the first declaration is invalid." |
| RenderBlock {P} at (0,2515) size 769x20 |
| RenderText {#text} at (48,0) size 571x19 |
| text run at (48,0) width 459: "This paragraph should be indented half an inch, but it should not be maroon. " |
| text run at (507,0) width 112: "It should be black." |
| RenderBlock {P} at (0,2551) size 769x40 |
| RenderText {#text} at (0,0) size 722x39 |
| text run at (0,0) width 722: "This paragraph should be black, because the color declaration after the previous ruleset should be considered part of the" |
| text run at (0,20) width 588: "selector for this ruleset, and this ruleset therefore has an invalid selector and should not be applied." |
| RenderTable {TABLE} at (0,2607) size 769x1698 [border: (1px outset #808080)] |
| RenderTableSection {TBODY} at (1,1) size 767x1696 |
| RenderTableRow {TR} at (0,0) size 767x28 |
| RenderTableCell {TD} at (0,0) size 767x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
| RenderInline {STRONG} at (0,0) size 159x19 |
| RenderText {#text} at (4,4) size 159x19 |
| text run at (4,4) width 159: "TABLE Testing Section" |
| RenderTableRow {TR} at (0,28) size 767x1668 |
| RenderTableCell {TD} at (0,848) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (4,4) size 4x19 |
| text run at (4,4) width 4: " " |
| RenderTableCell {TD} at (12,28) size 755x1668 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1] |
| RenderBlock {P} at (4,4) size 747x20 [color=#008000] |
| RenderText {#text} at (0,0) size 462x19 |
| text run at (0,0) width 462: "This paragraph should be green, because only the rotation should be ignored." |
| RenderBlock {P} at (4,40) size 747x20 [color=#008000] |
| RenderText {#text} at (0,0) size 592x19 |
| text run at (0,0) width 592: "This paragraph should be green, since error-checking should be done before calculating specificity." |
| RenderBlock {P} at (4,76) size 747x40 |
| RenderText {#text} at (0,0) size 535x19 |
| text run at (0,0) width 535: "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 (535,3) size 56x16 |
| text run at (535,3) width 56: "inherit" |
| RenderText {#text} at (591,0) size 726x39 |
| text run at (591,0) width 135: " is an invalid keyword," |
| text run at (0,20) width 494: "and in CSS2, it will cause the gray background (not the white grid) to be inherited." |
| RenderBlock {P} at (4,132) size 747x20 |
| RenderText {#text} at (0,0) size 611x19 |
| text run at (0,0) width 611: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply." |
| RenderBlock {P} at (4,168) size 747x20 |
| RenderText {#text} at (0,0) size 611x19 |
| text run at (0,0) width 611: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply." |
| RenderBlock {P} at (4,204) size 747x20 |
| RenderText {#text} at (0,0) size 503x19 |
| text run at (0,0) width 503: "This paragraph should have a white background, since keywords cannot be quoted." |
| RenderBlock {P} at (4,240) size 747x46 [border: (3px solid #000000)] |
| RenderText {#text} at (3,3) size 722x39 |
| text run at (3,3) width 616: "This paragraph should have a medium-width border around it (the same as the next three paragraphs). " |
| text run at (619,3) width 106: "This should cause" |
| text run at (3,23) width 301: "the user agent to use the default value of 'medium'." |
| RenderBlock {P} at (4,302) size 747x46 [border: (3px solid #000000)] |
| RenderText {#text} at (3,3) size 708x39 |
| text run at (3,3) width 708: "This paragraph should have a medium-width border around it (the same as the previous and the next two paragraphs)," |
| text run at (3,23) width 218: "because the border-width is invalid. " |
| text run at (221,23) width 411: "This should cause the user agent to use the default value of 'medium'." |
| RenderBlock {P} at (4,364) size 747x66 [border: (3px solid #000000)] |
| RenderText {#text} at (3,3) size 721x59 |
| text run at (3,3) width 708: "This paragraph should have a medium-width border around it (the same as the next and the previous two paragraphs)," |
| text run at (3,23) width 564: "because the border-width units are invalid, and therefore the border-width should be ignored. " |
| text run at (567,23) width 157: "This should cause the user" |
| text run at (3,43) width 250: "agent to use the default value of 'medium'." |
| RenderBlock {P} at (4,446) size 747x66 [border: (3px solid #000000)] |
| RenderText {#text} at (3,3) size 726x59 |
| text run at (3,3) width 713: "This paragraph should have a medium-width border around it (the same as the previous three paragraphs), because the" |
| text run at (3,23) width 517: "border-width does not have any value to go with its pixel unit, and is therefore invalid. " |
| text run at (520,23) width 209: "This should cause the user agent to" |
| text run at (3,43) width 198: "use the default value of 'medium'." |
| RenderBlock {P} at (4,528) size 747x20 |
| RenderText {#text} at (0,0) size 627x19 |
| text run at (0,0) width 627: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule." |
| RenderBlock {P} at (4,564) size 747x40 [color=#008000] |
| RenderText {#text} at (0,0) size 726x39 |
| text run at (0,0) width 197: "This paragraph should be green. " |
| text run at (197,0) width 529: "CSS is case-insensitive, unless required to be case sensitive due to interaction with other" |
| text run at (0,20) width 228: "standards (e.g., font names or URLs.)" |
| RenderBlock {OL} at (4,620) size 747x20 |
| RenderListItem {LI} at (40,0) size 707x20 |
| RenderListMarker at (-21,0) size 16x19: "1" |
| RenderText {#text} at (0,0) size 596x19 |
| text run at (0,0) width 596: "This ordered list item should be black, because the declaration has an invalid pseudo-class selector." |
| RenderBlock {P} at (4,656) size 747x40 |
| RenderText {#text} at (0,0) size 742x39 |
| text run at (0,0) width 742: "This paragraph should be black, because, in CSS1, :first-child is an invalid pseudo-class, and in CSS2, this paragraph is not" |
| text run at (0,20) width 80: "the first child." |
| RenderBlock {UL} at (4,712) size 747x40 |
| RenderListItem {LI} at (40,0) size 707x40 |
| RenderListMarker at (-18,0) size 7x19: bullet |
| RenderText {#text} at (0,0) size 706x39 |
| text run at (0,0) width 706: "This unordered list item should be black, because, according to CSS1, the selector is invalid, and according to CSS2," |
| text run at (0,20) width 176: "the selector should not apply." |
| RenderBlock {BLOCKQUOTE} at (44,768) size 667x40 |
| RenderText {#text} at (0,0) size 663x39 |
| text run at (0,0) width 663: "This blockquote should be black, because, according to CSS1, the selector is invalid, and according to CSS2," |
| text run at (0,20) width 176: "the selector should not apply." |
| RenderBlock {P} at (4,824) size 747x40 |
| RenderInline {ACRONYM} at (0,0) size 720x39 |
| RenderText {#text} at (0,0) size 720x39 |
| text run at (0,0) width 720: "This acronym should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector" |
| text run at (0,20) width 103: "should not apply." |
| RenderBlock {ADDRESS} at (4,880) size 747x40 |
| RenderText {#text} at (0,0) size 699x39 |
| text run at (0,0) width 699: "This address should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the" |
| text run at (0,20) width 164: "selector should not apply." |
| RenderBlock {P} at (4,936) size 747x40 |
| RenderInline {SPAN} at (0,0) size 739x39 |
| RenderText {#text} at (0,0) size 739x39 |
| text run at (0,0) width 739: "This span should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector should" |
| text run at (0,20) width 60: "not apply." |
| RenderBlock {P} at (4,992) size 747x40 |
| RenderText {#text} at (0,0) size 747x39 |
| text run at (0,0) width 631: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule. " |
| text run at (631,0) width 116: "However, it is valid" |
| text run at (0,20) width 535: "in CSS2, so if this is being viewed on a tty browser that supports CSS2, it should be red." |
| RenderBlock {P} at (4,1048) size 747x20 |
| RenderText {#text} at (0,0) size 627x19 |
| text run at (0,0) width 627: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule." |
| RenderBlock {P} at (4,1084) size 747x80 |
| RenderText {#text} at (0,0) size 703x19 |
| text run at (0,0) width 703: "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 64x16 |
| RenderText {#text} at (0,23) size 64x16 |
| text run at (0,23) width 64: "diagonal" |
| RenderText {#text} at (64,20) size 214x19 |
| text run at (64,20) width 214: " is not a valid keyword, making the " |
| RenderInline {CODE} at (0,0) size 120x16 |
| RenderText {#text} at (278,23) size 120x16 |
| text run at (278,23) width 120: "text-decoration" |
| RenderText {#text} at (398,20) size 122x19 |
| text run at (398,20) width 50: " invalid. " |
| text run at (448,20) width 72: "In addition, " |
| RenderInline {CODE} at (0,0) size 88x16 |
| RenderText {#text} at (520,23) size 88x16 |
| text run at (520,23) width 88: "highlighted" |
| RenderText {#text} at (608,20) size 731x39 |
| text run at (608,20) width 123: " is not a valid part of" |
| text run at (0,40) width 22: "the " |
| RenderInline {CODE} at (0,0) size 32x16 |
| RenderText {#text} at (22,43) size 32x16 |
| text run at (22,43) width 32: "font" |
| RenderText {#text} at (54,40) size 685x39 |
| text run at (54,40) width 168: " property, making it invalid. " |
| text run at (222,40) width 463: "Therefore, this paragraph's font should be the UA default, and match the next" |
| text run at (0,60) width 69: "paragraph. " |
| text run at (69,60) width 181: "If this is not the case, then the " |
| RenderInline {CODE} at (0,0) size 32x16 |
| RenderText {#text} at (250,63) size 32x16 |
| text run at (250,63) width 32: "font" |
| RenderText {#text} at (282,60) size 237x19 |
| text run at (282,60) width 237: " declaration is being improperly parsed." |
| RenderBlock {P} at (4,1180) size 747x80 |
| RenderText {#text} at (0,0) size 703x19 |
| text run at (0,0) width 703: "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 64x16 |
| RenderText {#text} at (0,23) size 64x16 |
| text run at (0,23) width 64: "diagonal" |
| RenderText {#text} at (64,20) size 214x19 |
| text run at (64,20) width 214: " is not a valid keyword, making the " |
| RenderInline {CODE} at (0,0) size 120x16 |
| RenderText {#text} at (278,23) size 120x16 |
| text run at (278,23) width 120: "text-decoration" |
| RenderText {#text} at (398,20) size 122x19 |
| text run at (398,20) width 50: " invalid. " |
| text run at (448,20) width 72: "In addition, " |
| RenderInline {CODE} at (0,0) size 88x16 |
| RenderText {#text} at (520,23) size 88x16 |
| text run at (520,23) width 88: "highlighted" |
| RenderText {#text} at (608,20) size 731x39 |
| text run at (608,20) width 123: " is not a valid part of" |
| text run at (0,40) width 22: "the " |
| RenderInline {CODE} at (0,0) size 32x16 |
| RenderText {#text} at (22,43) size 32x16 |
| text run at (22,43) width 32: "font" |
| RenderText {#text} at (54,40) size 711x39 |
| text run at (54,40) width 168: " property, making it invalid. " |
| text run at (222,40) width 489: "Therefore, this paragraph's font should be the UA default, and match the previous" |
| text run at (0,60) width 69: "paragraph. " |
| text run at (69,60) width 181: "If this is not the case, then the " |
| RenderInline {CODE} at (0,0) size 32x16 |
| RenderText {#text} at (250,63) size 32x16 |
| text run at (250,63) width 32: "font" |
| RenderText {#text} at (282,60) size 237x19 |
| text run at (282,60) width 237: " declaration is being improperly parsed." |
| RenderBlock {P} at (4,1276) size 747x60 |
| RenderText {#text} at (0,0) size 503x19 |
| text run at (0,0) width 476: "The text of this paragraph should be normal size because the selector is invalid. " |
| text run at (476,0) width 27: "The " |
| RenderInline {EM} at (0,0) size 103x19 |
| RenderText {#text} at (503,0) size 103x19 |
| text run at (503,0) width 103: "emphasized text" |
| RenderText {#text} at (606,0) size 52x19 |
| text run at (606,0) width 52: " and the " |
| RenderInline {STRONG} at (0,0) size 72x19 |
| RenderText {#text} at (658,0) size 72x19 |
| text run at (658,0) width 72: "strong text" |
| RenderText {#text} at (0,20) size 722x39 |
| text run at (0,20) width 722: "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,40) width 499: "could be an operator within the selector that has higher precedence than a comma)." |
| RenderBlock {P} at (4,1352) size 747x40 |
| RenderText {#text} at (0,0) size 444x19 |
| text run at (0,0) width 444: "This paragraph should be black, because the line before the declaration is " |
| RenderInline {STRONG} at (0,0) size 21x19 |
| RenderText {#text} at (444,0) size 21x19 |
| text run at (444,0) width 21: "not" |
| RenderText {#text} at (465,0) size 713x39 |
| text run at (465,0) width 248: " a comment and therefore the selector for" |
| text run at (0,20) width 129: "P.nineteenb is invalid." |
| RenderBlock {P} at (4,1408) size 747x20 [color=#0000FF] |
| RenderText {#text} at (0,0) size 444x19 |
| text run at (0,0) width 444: "This paragraph should be blue, because only the first declaration is invalid." |
| RenderBlock {P} at (4,1444) size 747x20 [color=#008000] |
| RenderText {#text} at (0,0) size 452x19 |
| text run at (0,0) width 452: "This paragraph should be green, because only the first declaration is invalid." |
| RenderBlock {P} at (4,1480) size 747x20 [color=#800080] |
| RenderText {#text} at (0,0) size 457x19 |
| text run at (0,0) width 457: "This paragraph should be purple, because only the first declaration is invalid." |
| RenderBlock {P} at (4,1516) size 747x20 [color=#008000] |
| RenderText {#text} at (0,0) size 452x19 |
| text run at (0,0) width 452: "This paragraph should be green, because only the first declaration is invalid." |
| RenderBlock {P} at (4,1552) size 747x20 [color=#008000] |
| RenderText {#text} at (0,0) size 452x19 |
| text run at (0,0) width 452: "This paragraph should be green, because only the first declaration is invalid." |
| RenderBlock {P} at (4,1588) size 747x20 |
| RenderText {#text} at (48,0) size 571x19 |
| text run at (48,0) width 459: "This paragraph should be indented half an inch, but it should not be maroon. " |
| text run at (507,0) width 112: "It should be black." |
| RenderBlock {P} at (4,1624) size 747x40 |
| RenderText {#text} at (0,0) size 722x39 |
| text run at (0,0) width 722: "This paragraph should be black, because the color declaration after the previous ruleset should be considered part of the" |
| text run at (0,20) width 588: "selector for this ruleset, and this ruleset therefore has an invalid selector and should not be applied." |