-layer at (0,0) size 785x4035
+layer at (0,0) size 785x3711
RenderView 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 568x810
- text run at (0,0) width 304: "P.one {color: green; rotation: 70deg;}"
- text run at (304,0) width 0: " "
- text run at (0,15) width 176: "P.oneb {color: green;}"
- text run at (176,15) width 0: " "
- text run at (0,30) width 232: "P.oneb {color: invalidValue;}"
- text run at (232,30) width 0: " "
- text run at (0,45) width 272: "P.two {background-color: inherit;}"
- text run at (272,45) width 0: " "
- text run at (0,60) width 216: "H1 + P.three {color: blue;}"
- text run at (216,60) width 0: " "
- text run at (0,75) width 200: "P.four + H1 {color: red;}"
- text run at (200,75) width 0: " "
- text run at (0,90) width 264: "P.five {background-color: \"red\";}"
- text run at (264,90) width 0: " "
- text run at (0,105) width 408: "P.sixa {border-width: medium; border-style: solid;}"
- text run at (408,105) width 0: " "
- text run at (0,120) width 400: "P.sixb {border-width: funny; border-style: solid;}"
- text run at (400,120) width 0: " "
- text run at (0,135) width 392: "P.sixc {border-width: 50zu; border-style: solid;}"
- text run at (392,135) width 0: " "
- text run at (0,150) width 376: "P.sixd {border-width: px; border-style: solid;}"
- text run at (376,150) width 0: " "
- text run at (0,165) width 96: "@three-dee {"
- text run at (96,165) width 0: " "
- text run at (0,180) width 184: " @background-lighting {"
- text run at (184,180) width 0: " "
- text run at (0,195) width 136: " azimuth: 30deg;"
- text run at (136,195) width 0: " "
- text run at (0,210) width 160: " elevation: 190deg;"
- text run at (160,210) width 0: " "
- text run at (0,225) width 24: " }"
- text run at (24,225) width 0: " "
- text run at (0,240) width 184: " P.seven { color: red }"
- text run at (184,240) width 0: " "
- text run at (0,255) width 16: " }"
- text run at (16,255) width 0: " "
- text run at (0,270) width 184: "P.eight {COLOR: GREEN;}"
- text run at (184,270) width 0: " "
- text run at (0,285) width 192: "OL:wait {color: maroon;}"
- text run at (192,285) width 0: " "
- text run at (0,300) width 272: "P.ten:first-child {color: maroon;}"
- text run at (272,300) width 0: " "
- text run at (0,315) width 208: "UL:lang(fr) {color: gray;}"
- text run at (208,315) width 0: " "
- text run at (0,330) width 248: "BLOCKQUOTE[href] {color: navy;}"
- text run at (248,330) width 0: " "
- text run at (0,345) width 288: "ACRONYM[href=\"foo\"] {color: purple;}"
- text run at (288,345) width 0: " "
- text run at (0,360) width 296: "ADDRESS[href~=\"foo\"] {color: purple;}"
- text run at (296,360) width 0: " "
- text run at (0,375) width 248: "SPAN[lang|=\"fr\"] {color: #c37;}"
- text run at (248,375) width 0: " "
- text run at (0,390) width 96: "@media tty {"
- text run at (96,390) width 0: " "
- text run at (0,405) width 136: " H1 {color: red;}"
- text run at (136,405) width 0: " "
- text run at (0,420) width 192: " P.sixteen {color: red;}"
- text run at (192,420) width 0: " "
- text run at (0,435) width 16: " }"
- text run at (16,435) width 0: " "
- text run at (0,450) width 96: "@three-dee {"
- text run at (96,450) width 0: " "
- text run at (0,465) width 208: " P.seventeen {color: red }"
- text run at (208,465) width 0: " "
- text run at (0,480) width 16: " }"
- text run at (16,480) width 0: " "
- text run at (0,495) width 568: "P.eighteena {text-decoration: underline overline line-through diagonal;"
- text run at (568,495) width 0: " "
- text run at (0,510) width 416: " font: bold highlighted 100% sans-serif;}"
- text run at (416,510) width 0: " "
- text run at (0,525) width 568: "P.eighteenb {text-decoration: underline overline line-through diagonal;"
- text run at (568,525) width 0: " "
- text run at (0,540) width 376: " font: bold highlighted 100% serif;}"
- text run at (376,540) width 0: " "
- text run at (0,555) width 384: "EM, P.nineteena ! EM, STRONG {font-size: 200%; }"
- text run at (384,555) width 0: " "
- text run at (0,570) width 0: " "
- text run at (0,585) width 128: "// UL.nineteenb,"
- text run at (128,585) width 0: " "
- text run at (0,600) width 200: "P.nineteenb {color: red;}"
- text run at (200,600) width 0: " "
- text run at (0,615) width 0: " "
- text run at (0,630) width 360: "P.twentya {rotation-code: \"}\"; color: blue;} "
- text run at (360,630) width 0: " "
- text run at (0,645) width 392: "P.twentyb {rotation-code: \"\\\"}\\\"\"; color: green;}"
- text run at (392,645) width 0: " "
- text run at (0,660) width 400: "P.twentyonea {rotation-code: '}'; color: purple;} "
- text run at (400,660) width 0: " "
- text run at (0,675) width 416: "P.twentyoneb {rotation-code: '\\'}\\''; color: green;}"
- text run at (416,675) width 0: " "
- text run at (0,690) width 104: "P.twentytwo {"
- text run at (104,690) width 0: " "
- text run at (0,705) width 376: " type-display: @threedee {rotation-code: '}';};"
- text run at (376,705) width 0: " "
- text run at (0,720) width 112: " color: green;"
- text run at (112,720) width 0: " "
- text run at (0,735) width 16: " }"
- text run at (16,735) width 0: " "
- text run at (0,750) width 280: "P.twentythree {text-indent: 0.5in;}"
- text run at (280,750) width 0: " "
- text run at (0,765) width 112: " color: maroon"
- text run at (112,765) width 0: " "
- text run at (0,780) width 208: "P.twentyfour {color: red;}"
- text run at (208,780) width 0: " "
- text run at (0,795) width 0: " "
- RenderBlock {HR} at (0,857) size 769x2 [border: (1px inset #EEEEEE)]
- 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 (-20,0) size 16x18: "1"
- 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 (-17,0) size 7x18: bullet
- 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 767x1580
- RenderTableRow {TR} at (0,0) size 767x26
- 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
+layer at (0,0) size 785x3711
+ RenderBlock {HTML} at (0,0) size 785x3711
+ RenderBody {BODY} at (8,8) size 769x3695 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 769x16
+ RenderText {#text} at (0,0) size 363x16
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,32) size 769x702
+ RenderText {#text} at (0,0) size 554x702
+ text run at (0,0) width 297: "P.one {color: green; rotation: 70deg;}"
+ text run at (296,0) width 1: " "
+ text run at (0,13) width 172: "P.oneb {color: green;}"
+ text run at (171,13) width 1: " "
+ text run at (0,26) width 227: "P.oneb {color: invalidValue;}"
+ text run at (226,26) width 1: " "
+ text run at (0,39) width 266: "P.two {background-color: inherit;}"
+ text run at (265,39) width 1: " "
+ text run at (0,52) width 211: "H1 + P.three {color: blue;}"
+ text run at (210,52) width 1: " "
+ text run at (0,65) width 196: "P.four + H1 {color: red;}"
+ text run at (195,65) width 1: " "
+ text run at (0,78) width 258: "P.five {background-color: \"red\";}"
+ text run at (257,78) width 1: " "
+ text run at (0,91) width 398: "P.sixa {border-width: medium; border-style: solid;}"
+ text run at (397,91) width 1: " "
+ text run at (0,104) width 391: "P.sixb {border-width: funny; border-style: solid;}"
+ text run at (390,104) width 1: " "
+ text run at (0,117) width 383: "P.sixc {border-width: 50zu; border-style: solid;}"
+ text run at (382,117) width 1: " "
+ text run at (0,130) width 367: "P.sixd {border-width: px; border-style: solid;}"
+ text run at (366,130) width 1: " "
+ text run at (0,143) width 94: "@three-dee {"
+ text run at (93,143) width 1: " "
+ text run at (0,156) width 180: " @background-lighting {"
+ text run at (179,156) width 1: " "
+ text run at (0,169) width 133: " azimuth: 30deg;"
+ text run at (132,169) width 1: " "
+ text run at (0,182) width 157: " elevation: 190deg;"
+ text run at (156,182) width 1: " "
+ text run at (0,195) width 24: " }"
+ text run at (23,195) width 1: " "
+ text run at (0,208) width 180: " P.seven { color: red }"
+ text run at (179,208) width 1: " "
+ text run at (0,221) width 16: " }"
+ text run at (15,221) width 1: " "
+ text run at (0,234) width 180: "P.eight {COLOR: GREEN;}"
+ text run at (179,234) width 1: " "
+ text run at (0,247) width 188: "OL:wait {color: maroon;}"
+ text run at (187,247) width 1: " "
+ text run at (0,260) width 266: "P.ten:first-child {color: maroon;}"
+ text run at (265,260) width 1: " "
+ text run at (0,273) width 203: "UL:lang(fr) {color: gray;}"
+ text run at (202,273) width 1: " "
+ text run at (0,286) width 242: "BLOCKQUOTE[href] {color: navy;}"
+ text run at (241,286) width 1: " "
+ text run at (0,299) width 281: "ACRONYM[href=\"foo\"] {color: purple;}"
+ text run at (280,299) width 1: " "
+ text run at (0,312) width 289: "ADDRESS[href~=\"foo\"] {color: purple;}"
+ text run at (288,312) width 1: " "
+ text run at (0,325) width 242: "SPAN[lang|=\"fr\"] {color: #c37;}"
+ text run at (241,325) width 1: " "
+ text run at (0,338) width 94: "@media tty {"
+ text run at (93,338) width 1: " "
+ text run at (0,351) width 133: " H1 {color: red;}"
+ text run at (132,351) width 1: " "
+ text run at (0,364) width 188: " P.sixteen {color: red;}"
+ text run at (187,364) width 1: " "
+ text run at (0,377) width 16: " }"
+ text run at (15,377) width 1: " "
+ text run at (0,390) width 94: "@three-dee {"
+ text run at (93,390) width 1: " "
+ text run at (0,403) width 203: " P.seventeen {color: red }"
+ text run at (202,403) width 1: " "
+ text run at (0,416) width 16: " }"
+ text run at (15,416) width 1: " "
+ text run at (0,429) width 554: "P.eighteena {text-decoration: underline overline line-through diagonal;"
+ text run at (553,429) width 1: " "
+ text run at (0,442) width 406: " font: bold highlighted 100% sans-serif;}"
+ text run at (405,442) width 1: " "
+ text run at (0,455) width 554: "P.eighteenb {text-decoration: underline overline line-through diagonal;"
+ text run at (553,455) width 1: " "
+ text run at (0,468) width 367: " font: bold highlighted 100% serif;}"
+ text run at (366,468) width 1: " "
+ text run at (0,481) width 375: "EM, P.nineteena ! EM, STRONG {font-size: 200%; }"
+ text run at (374,481) width 1: " "
+ text run at (0,494) width 0: " "
+ text run at (0,507) width 125: "// UL.nineteenb,"
+ text run at (124,507) width 1: " "
+ text run at (0,520) width 196: "P.nineteenb {color: red;}"
+ text run at (195,520) width 1: " "
+ text run at (0,533) width 0: " "
+ text run at (0,546) width 352: "P.twentya {rotation-code: \"}\"; color: blue;} "
+ text run at (351,546) width 1: " "
+ text run at (0,559) width 383: "P.twentyb {rotation-code: \"\\\"}\\\"\"; color: green;}"
+ text run at (382,559) width 1: " "
+ text run at (0,572) width 391: "P.twentyonea {rotation-code: '}'; color: purple;} "
+ text run at (390,572) width 1: " "
+ text run at (0,585) width 406: "P.twentyoneb {rotation-code: '\\'}\\''; color: green;}"
+ text run at (405,585) width 1: " "
+ text run at (0,598) width 102: "P.twentytwo {"
+ text run at (101,598) width 1: " "
+ text run at (0,611) width 367: " type-display: @threedee {rotation-code: '}';};"
+ text run at (366,611) width 1: " "
+ text run at (0,624) width 110: " color: green;"
+ text run at (109,624) width 1: " "
+ text run at (0,637) width 16: " }"
+ text run at (15,637) width 1: " "
+ text run at (0,650) width 274: "P.twentythree {text-indent: 0.5in;}"
+ text run at (273,650) width 1: " "
+ text run at (0,663) width 110: " color: maroon"
+ text run at (109,663) width 1: " "
+ text run at (0,676) width 203: "P.twentyfour {color: red;}"
+ text run at (202,676) width 1: " "
+ text run at (0,689) width 0: " "
+ RenderBlock {HR} at (0,747) size 769x2 [border: (1px inset #EEEEEE)]
+ RenderBlock {P} at (0,765) size 769x16 [color=#008000]
+ RenderText {#text} at (0,0) size 493x16
+ text run at (0,0) width 493: "This paragraph should be green, because only the rotation should be ignored."
+ RenderBlock {P} at (0,797) size 769x16 [color=#008000]
+ RenderText {#text} at (0,0) size 636x16
+ text run at (0,0) width 636: "This paragraph should be green, since error-checking should be done before calculating specificity."
+ RenderBlock {P} at (0,829) size 769x32
+ RenderText {#text} at (0,0) size 568x16
+ text run at (0,0) width 568: "This paragraph should have a solid gray background (or a white grid), because in CSS1, "
+ RenderInline {CODE} at (0,0) size 56x13
+ RenderText {#text} at (567,2) size 56x13
+ text run at (567,2) width 56: "inherit"
+ RenderText {#text} at (622,0) size 769x32
+ text run at (622,0) width 147: " is an invalid keyword,"
+ text run at (0,16) width 530: "and in CSS2, it will cause the gray background (not the white grid) to be inherited."
+ RenderBlock {P} at (0,877) size 769x16
+ RenderText {#text} at (0,0) size 650x16
+ text run at (0,0) width 650: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply."
+ RenderBlock {P} at (0,909) size 769x16
+ RenderText {#text} at (0,0) size 650x16
+ text run at (0,0) width 650: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply."
+ RenderBlock {P} at (0,941) size 769x16
+ RenderText {#text} at (0,0) size 532x16
+ text run at (0,0) width 532: "This paragraph should have a white background, since keywords cannot be quoted."
+ RenderBlock {P} at (0,973) size 769x38 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 731x32
+ text run at (3,3) width 656: "This paragraph should have a medium-width border around it (the same as the next three paragraphs). "
+ text run at (658,3) width 76: "This should"
+ text run at (3,19) width 365: "cause the user agent to use the default value of 'medium'."
+ RenderBlock {P} at (0,1027) size 769x38 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 754x32
+ text run at (3,3) width 754: "This paragraph should have a medium-width border around it (the same as the previous and the next two paragraphs),"
+ text run at (3,19) width 233: "because the border-width is invalid. "
+ text run at (235,19) width 445: "This should cause the user agent to use the default value of 'medium'."
+ RenderBlock {P} at (0,1081) size 769x54 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 754x48
+ text run at (3,3) width 754: "This paragraph should have a medium-width border around it (the same as the next and the previous two paragraphs),"
+ text run at (3,19) width 600: "because the border-width units are invalid, and therefore the border-width should be ignored. "
+ text run at (602,19) width 139: "This should cause the"
+ text run at (3,35) width 302: "user agent to use the default value of 'medium'."
+ RenderBlock {P} at (0,1151) size 769x54 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 758x48
+ text run at (3,3) width 758: "This paragraph should have a medium-width border around it (the same as the previous three paragraphs), because the"
+ text run at (3,19) width 559: "border-width does not have any value to go with its pixel unit, and is therefore invalid. "
+ text run at (561,19) width 169: "This should cause the user"
+ text run at (3,35) width 271: "agent to use the default value of 'medium'."
+ RenderBlock {P} at (0,1221) size 769x16
+ RenderText {#text} at (0,0) size 676x16
+ text run at (0,0) width 676: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule."
+ RenderBlock {P} at (0,1253) size 769x32 [color=#008000]
+ RenderText {#text} at (0,0) size 739x32
+ text run at (0,0) width 210: "This paragraph should be green. "
+ text run at (209,0) width 530: "CSS is case-insensitive, unless required to be case sensitive due to interaction with"
+ text run at (0,16) width 278: "other standards (e.g., font names or URLs.)"
+ RenderBlock {OL} at (0,1301) size 769x16
+ RenderListItem {LI} at (40,0) size 729x16
+ RenderListMarker at (-20,0) size 16x16: "1"
+ RenderText {#text} at (0,0) size 636x16
+ text run at (0,0) width 636: "This ordered list item should be black, because the declaration has an invalid pseudo-class selector."
+ RenderBlock {P} at (0,1333) size 769x32
+ RenderText {#text} at (0,0) size 766x32
+ text run at (0,0) width 766: "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,16) width 114: "not the first child."
+ RenderBlock {UL} at (0,1381) size 769x32
+ RenderListItem {LI} at (40,0) size 729x32
+ RenderListMarker at (-16,0) size 6x16: bullet
+ RenderText {#text} at (0,0) size 704x32
+ text run at (0,0) width 704: "This unordered list item should be black, because, according to CSS1, the selector is invalid, and according to"
+ text run at (0,16) width 233: "CSS2, the selector should not apply."
+ RenderBlock {BLOCKQUOTE} at (40,1429) size 689x32
+ RenderText {#text} at (0,0) size 654x32
+ text run at (0,0) width 654: "This blockquote should be black, because, according to CSS1, the selector is invalid, and according to"
+ text run at (0,16) width 233: "CSS2, the selector should not apply."
+ RenderBlock {P} at (0,1477) size 769x32
+ RenderInline {ACRONYM} at (0,0) size 761x32
+ RenderText {#text} at (0,0) size 761x32
+ text run at (0,0) width 761: "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 111: "should not apply."
+ RenderBlock {ADDRESS} at (0,1525) size 769x32
+ RenderText {#text} at (0,0) size 757x32
+ text run at (0,0) width 757: "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 111: "should not apply."
+ RenderBlock {P} at (0,1573) size 769x32
+ RenderInline {SPAN} at (0,0) size 734x32
+ RenderText {#text} at (0,0) size 734x32
+ text run at (0,0) width 734: "This span should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector"
+ text run at (0,16) width 111: "should not apply."
+ RenderBlock {P} at (0,1621) size 769x32
+ RenderText {#text} at (0,0) size 756x32
+ text run at (0,0) width 680: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule. "
+ text run at (679,0) width 77: "However, it"
+ text run at (0,16) width 617: "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,1669) size 769x16
+ RenderText {#text} at (0,0) size 676x16
+ text run at (0,0) width 676: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule."
+ RenderBlock {P} at (0,1701) size 769x64
+ RenderText {#text} at (0,0) size 753x16
+ text run at (0,0) width 753: "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 63x13
+ RenderText {#text} at (0,18) size 63x13
+ text run at (0,18) width 63: "diagonal"
+ RenderText {#text} at (62,16) size 231x16
+ text run at (62,16) width 231: " is not a valid keyword, making the "
+ RenderInline {CODE} at (0,0) size 118x13
+ RenderText {#text} at (292,18) size 118x13
+ text run at (292,18) width 118: "text-decoration"
+ RenderText {#text} at (409,16) size 135x16
+ text run at (409,16) width 57: " invalid. "
+ text run at (465,16) width 79: "In addition, "
+ RenderInline {CODE} at (0,0) size 87x13
+ RenderText {#text} at (543,18) size 87x13
+ text run at (543,18) width 87: "highlighted"
+ RenderText {#text} at (629,16) size 762x32
+ text run at (629,16) width 133: " is not a valid part of"
+ text run at (0,32) width 24: "the "
+ RenderInline {CODE} at (0,0) size 32x13
+ RenderText {#text} at (23,34) size 32x13
+ text run at (23,34) width 32: "font"
+ RenderText {#text} at (54,32) size 734x32
+ text run at (54,32) width 185: " property, making it invalid. "
+ text run at (238,32) width 496: "Therefore, this paragraph's font should be the UA default, and match the next"
+ text run at (0,48) width 72: "paragraph. "
+ text run at (71,48) width 197: "If this is not the case, then the "
+ RenderInline {CODE} at (0,0) size 32x13
+ RenderText {#text} at (267,50) size 32x13
+ text run at (267,50) width 32: "font"
+ RenderText {#text} at (298,48) size 255x16
+ text run at (298,48) width 255: " declaration is being improperly parsed."
+ RenderBlock {P} at (0,1781) size 769x64
+ RenderText {#text} at (0,0) size 753x16
+ text run at (0,0) width 753: "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 63x13
+ RenderText {#text} at (0,18) size 63x13
+ text run at (0,18) width 63: "diagonal"
+ RenderText {#text} at (62,16) size 231x16
+ text run at (62,16) width 231: " is not a valid keyword, making the "
+ RenderInline {CODE} at (0,0) size 118x13
+ RenderText {#text} at (292,18) size 118x13
+ text run at (292,18) width 118: "text-decoration"
+ RenderText {#text} at (409,16) size 135x16
+ text run at (409,16) width 57: " invalid. "
+ text run at (465,16) width 79: "In addition, "
+ RenderInline {CODE} at (0,0) size 87x13
+ RenderText {#text} at (543,18) size 87x13
+ text run at (543,18) width 87: "highlighted"
+ RenderText {#text} at (629,16) size 762x32
+ text run at (629,16) width 133: " is not a valid part of"
+ text run at (0,32) width 24: "the "
+ RenderInline {CODE} at (0,0) size 32x13
+ RenderText {#text} at (23,34) size 32x13
+ text run at (23,34) width 32: "font"
+ RenderText {#text} at (54,32) size 761x32
+ text run at (54,32) width 185: " property, making it invalid. "
+ text run at (238,32) width 523: "Therefore, this paragraph's font should be the UA default, and match the previous"
+ text run at (0,48) width 72: "paragraph. "
+ text run at (71,48) width 197: "If this is not the case, then the "
+ RenderInline {CODE} at (0,0) size 32x13
+ RenderText {#text} at (267,50) size 32x13
+ text run at (267,50) width 32: "font"
+ RenderText {#text} at (298,48) size 255x16
+ text run at (298,48) width 255: " declaration is being improperly parsed."
+ RenderBlock {P} at (0,1861) size 769x48
+ RenderText {#text} at (0,0) size 542x16
+ text run at (0,0) width 513: "The text of this paragraph should be normal size because the selector is invalid. "
+ text run at (512,0) width 30: "The "
+ RenderInline {EM} at (0,0) size 102x16
+ RenderText {#text} at (541,0) size 102x16
+ text run at (541,0) width 102: "emphasized text"
+ RenderText {#text} at (642,0) size 56x16
+ text run at (642,0) width 56: " and the "
+ RenderInline {STRONG} at (0,0) size 742x32
+ RenderText {#text} at (697,0) size 742x32
+ text run at (697,0) width 45: "strong"
+ text run at (0,16) width 26: "text"
+ RenderText {#text} at (25,16) size 736x32
+ text run at (25,16) width 711: " within it should also be normal size, since the entire ruleset should be skipped (since in some future version of"
+ text run at (0,32) width 603: "CSS, there could be an operator within the selector that has higher precedence than a comma)."
+ RenderBlock {P} at (0,1925) size 769x32
+ RenderText {#text} at (0,0) size 474x16
+ text run at (0,0) width 474: "This paragraph should be black, because the line before the declaration is "
+ RenderInline {STRONG} at (0,0) size 23x16
+ RenderText {#text} at (473,0) size 23x16
+ text run at (473,0) width 23: "not"
+ RenderText {#text} at (495,0) size 759x32
+ text run at (495,0) width 264: " a comment and therefore the selector for"
+ text run at (0,16) width 143: "P.nineteenb is invalid."
+ RenderBlock {P} at (0,1973) size 769x16 [color=#0000FF]
+ RenderText {#text} at (0,0) size 481x16
+ text run at (0,0) width 481: "This paragraph should be blue, because only the first declaration is invalid."
+ RenderBlock {P} at (0,2005) size 769x16 [color=#008000]
+ RenderText {#text} at (0,0) size 489x16
+ text run at (0,0) width 489: "This paragraph should be green, because only the first declaration is invalid."
+ RenderBlock {P} at (0,2037) size 769x16 [color=#800080]
+ RenderText {#text} at (0,0) size 494x16
+ text run at (0,0) width 494: "This paragraph should be purple, because only the first declaration is invalid."
+ RenderBlock {P} at (0,2069) size 769x16 [color=#008000]
+ RenderText {#text} at (0,0) size 489x16
+ text run at (0,0) width 489: "This paragraph should be green, because only the first declaration is invalid."
+ RenderBlock {P} at (0,2101) size 769x16 [color=#008000]
+ RenderText {#text} at (0,0) size 489x16
+ text run at (0,0) width 489: "This paragraph should be green, because only the first declaration is invalid."
+ RenderBlock {P} at (0,2133) size 769x16
+ RenderText {#text} at (48,0) size 612x16
+ text run at (48,0) width 494: "This paragraph should be indented half an inch, but it should not be maroon. "
+ text run at (541,0) width 119: "It should be black."
+ RenderBlock {P} at (0,2165) size 769x32
+ RenderText {#text} at (0,0) size 767x32
+ text run at (0,0) width 767: "This paragraph should be black, because the color declaration after the previous ruleset should be considered part of the"
+ text run at (0,16) width 632: "selector for this ruleset, and this ruleset therefore has an invalid selector and should not be applied."
+ RenderTable {TABLE} at (0,2213) size 769x1482 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 767x1480
+ RenderTableRow {TR} at (0,0) size 767x24
+ RenderTableCell {TD} at (0,0) size 767x24 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 163x16
+ RenderText {#text} at (4,4) size 163x16
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,26) size 767x1554
- 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
+ RenderTableRow {TR} at (0,24) size 767x1456
+ RenderTableCell {TD} at (0,740) size 12x24 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x16
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 (-20,0) size 16x18: "1"
- 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 (-17,0) size 7x18: bullet
- 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."
+ RenderTableCell {TD} at (12,24) size 755x1456 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 747x16 [color=#008000]
+ RenderText {#text} at (0,0) size 493x16
+ text run at (0,0) width 493: "This paragraph should be green, because only the rotation should be ignored."
+ RenderBlock {P} at (4,36) size 747x16 [color=#008000]
+ RenderText {#text} at (0,0) size 636x16
+ text run at (0,0) width 636: "This paragraph should be green, since error-checking should be done before calculating specificity."
+ RenderBlock {P} at (4,68) size 747x32
+ RenderText {#text} at (0,0) size 568x16
+ text run at (0,0) width 568: "This paragraph should have a solid gray background (or a white grid), because in CSS1, "
+ RenderInline {CODE} at (0,0) size 56x13
+ RenderText {#text} at (567,2) size 56x13
+ text run at (567,2) width 56: "inherit"
+ RenderText {#text} at (622,0) size 705x32
+ text run at (622,0) width 83: " is an invalid"
+ text run at (0,16) width 594: "keyword, and in CSS2, it will cause the gray background (not the white grid) to be inherited."
+ RenderBlock {P} at (4,116) size 747x16
+ RenderText {#text} at (0,0) size 650x16
+ text run at (0,0) width 650: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply."
+ RenderBlock {P} at (4,148) size 747x16
+ RenderText {#text} at (0,0) size 650x16
+ text run at (0,0) width 650: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply."
+ RenderBlock {P} at (4,180) size 747x16
+ RenderText {#text} at (0,0) size 532x16
+ text run at (0,0) width 532: "This paragraph should have a white background, since keywords cannot be quoted."
+ RenderBlock {P} at (4,212) size 747x38 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 731x32
+ text run at (3,3) width 656: "This paragraph should have a medium-width border around it (the same as the next three paragraphs). "
+ text run at (658,3) width 76: "This should"
+ text run at (3,19) width 365: "cause the user agent to use the default value of 'medium'."
+ RenderBlock {P} at (4,266) size 747x54 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 694x48
+ text run at (3,3) width 670: "This paragraph should have a medium-width border around it (the same as the previous and the next two"
+ text run at (3,19) width 317: "paragraphs), because the border-width is invalid. "
+ text run at (319,19) width 378: "This should cause the user agent to use the default value of"
+ text run at (3,35) width 63: "'medium'."
+ RenderBlock {P} at (4,336) size 747x54 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 712x48
+ text run at (3,3) width 670: "This paragraph should have a medium-width border around it (the same as the next and the previous two"
+ text run at (3,19) width 683: "paragraphs), because the border-width units are invalid, and therefore the border-width should be ignored. "
+ text run at (685,19) width 30: "This"
+ text run at (3,35) width 411: "should cause the user agent to use the default value of 'medium'."
+ RenderBlock {P} at (4,406) size 747x54 [border: (3px solid #000000)]
+ RenderText {#text} at (3,3) size 734x48
+ text run at (3,3) width 734: "This paragraph should have a medium-width border around it (the same as the previous three paragraphs), because"
+ text run at (3,19) width 582: "the border-width does not have any value to go with its pixel unit, and is therefore invalid. "
+ text run at (584,19) width 139: "This should cause the"
+ text run at (3,35) width 302: "user agent to use the default value of 'medium'."
+ RenderBlock {P} at (4,476) size 747x16
+ RenderText {#text} at (0,0) size 676x16
+ text run at (0,0) width 676: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule."
+ RenderBlock {P} at (4,508) size 747x32 [color=#008000]
+ RenderText {#text} at (0,0) size 739x32
+ text run at (0,0) width 210: "This paragraph should be green. "
+ text run at (209,0) width 530: "CSS is case-insensitive, unless required to be case sensitive due to interaction with"
+ text run at (0,16) width 278: "other standards (e.g., font names or URLs.)"
+ RenderBlock {OL} at (4,556) size 747x16
+ RenderListItem {LI} at (40,0) size 707x16
+ RenderListMarker at (-20,0) size 16x16: "1"
+ RenderText {#text} at (0,0) size 636x16
+ text run at (0,0) width 636: "This ordered list item should be black, because the declaration has an invalid pseudo-class selector."
+ RenderBlock {P} at (4,588) size 747x32
+ RenderText {#text} at (0,0) size 684x32
+ text run at (0,0) width 684: "This paragraph should be black, because, in CSS1, :first-child is an invalid pseudo-class, and in CSS2, this"
+ text run at (0,16) width 197: "paragraph is not the first child."
+ RenderBlock {UL} at (4,636) size 747x32
+ RenderListItem {LI} at (40,0) size 707x32
+ RenderListMarker at (-16,0) size 6x16: bullet
+ RenderText {#text} at (0,0) size 704x32
+ text run at (0,0) width 704: "This unordered list item should be black, because, according to CSS1, the selector is invalid, and according to"
+ text run at (0,16) width 233: "CSS2, the selector should not apply."
+ RenderBlock {BLOCKQUOTE} at (44,684) size 667x32
+ RenderText {#text} at (0,0) size 654x32
+ text run at (0,0) width 654: "This blockquote should be black, because, according to CSS1, the selector is invalid, and according to"
+ text run at (0,16) width 233: "CSS2, the selector should not apply."
+ RenderBlock {P} at (4,732) size 747x32
+ RenderInline {ACRONYM} at (0,0) size 707x32
+ RenderText {#text} at (0,0) size 707x32
+ text run at (0,0) width 707: "This acronym should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the"
+ text run at (0,16) width 165: "selector should not apply."
+ RenderBlock {ADDRESS} at (4,780) size 747x32
+ RenderText {#text} at (0,0) size 703x32
+ text run at (0,0) width 703: "This address should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the"
+ text run at (0,16) width 166: "selector should not apply."
+ RenderBlock {P} at (4,828) size 747x32
+ RenderInline {SPAN} at (0,0) size 734x32
+ RenderText {#text} at (0,0) size 734x32
+ text run at (0,0) width 734: "This span should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector"
+ text run at (0,16) width 111: "should not apply."
+ RenderBlock {P} at (4,876) size 747x32
+ RenderText {#text} at (0,0) size 743x32
+ text run at (0,0) width 680: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule. "
+ text run at (679,0) width 64: "However,"
+ text run at (0,16) width 630: "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,924) size 747x16
+ RenderText {#text} at (0,0) size 676x16
+ text run at (0,0) width 676: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule."
+ RenderBlock {P} at (4,956) size 747x64
+ RenderText {#text} at (0,0) size 699x32
+ text run at (0,0) width 699: "The text of this paragraph should be normal (that is, it should not be underlined, overlined, stricken, or bold),"
+ text run at (0,16) width 55: "because "
+ RenderInline {CODE} at (0,0) size 64x13
+ RenderText {#text} at (54,18) size 64x13
+ text run at (54,18) width 64: "diagonal"
+ RenderText {#text} at (117,16) size 230x16
+ text run at (117,16) width 230: " is not a valid keyword, making the "
+ RenderInline {CODE} at (0,0) size 118x13
+ RenderText {#text} at (346,18) size 118x13
+ text run at (346,18) width 118: "text-decoration"
+ RenderText {#text} at (463,16) size 135x16
+ text run at (463,16) width 58: " invalid. "
+ text run at (520,16) width 78: "In addition, "
+ RenderInline {CODE} at (0,0) size 87x13
+ RenderText {#text} at (597,18) size 87x13
+ text run at (597,18) width 87: "highlighted"
+ RenderText {#text} at (683,16) size 735x32
+ text run at (683,16) width 52: " is not a"
+ text run at (0,32) width 106: "valid part of the "
+ RenderInline {CODE} at (0,0) size 32x13
+ RenderText {#text} at (105,34) size 32x13
+ text run at (105,34) width 32: "font"
+ RenderText {#text} at (136,32) size 718x32
+ text run at (136,32) width 185: " property, making it invalid. "
+ text run at (320,32) width 398: "Therefore, this paragraph's font should be the UA default, and"
+ text run at (0,48) width 171: "match the next paragraph. "
+ text run at (170,48) width 196: "If this is not the case, then the "
+ RenderInline {CODE} at (0,0) size 32x13
+ RenderText {#text} at (365,50) size 32x13
+ text run at (365,50) width 32: "font"
+ RenderText {#text} at (396,48) size 255x16
+ text run at (396,48) width 255: " declaration is being improperly parsed."
+ RenderBlock {P} at (4,1036) size 747x64
+ RenderText {#text} at (0,0) size 699x32
+ text run at (0,0) width 699: "The text of this paragraph should be normal (that is, it should not be underlined, overlined, stricken, or bold),"
+ text run at (0,16) width 55: "because "
+ RenderInline {CODE} at (0,0) size 64x13
+ RenderText {#text} at (54,18) size 64x13
+ text run at (54,18) width 64: "diagonal"
+ RenderText {#text} at (117,16) size 230x16
+ text run at (117,16) width 230: " is not a valid keyword, making the "
+ RenderInline {CODE} at (0,0) size 118x13
+ RenderText {#text} at (346,18) size 118x13
+ text run at (346,18) width 118: "text-decoration"
+ RenderText {#text} at (463,16) size 135x16
+ text run at (463,16) width 58: " invalid. "
+ text run at (520,16) width 78: "In addition, "
+ RenderInline {CODE} at (0,0) size 87x13
+ RenderText {#text} at (597,18) size 87x13
+ text run at (597,18) width 87: "highlighted"
+ RenderText {#text} at (683,16) size 735x32
+ text run at (683,16) width 52: " is not a"
+ text run at (0,32) width 106: "valid part of the "
+ RenderInline {CODE} at (0,0) size 32x13
+ RenderText {#text} at (105,34) size 32x13
+ text run at (105,34) width 32: "font"
+ RenderText {#text} at (136,32) size 718x32
+ text run at (136,32) width 185: " property, making it invalid. "
+ text run at (320,32) width 398: "Therefore, this paragraph's font should be the UA default, and"
+ text run at (0,48) width 198: "match the previous paragraph. "
+ text run at (197,48) width 196: "If this is not the case, then the "
+ RenderInline {CODE} at (0,0) size 32x13
+ RenderText {#text} at (392,50) size 32x13
+ text run at (392,50) width 32: "font"
+ RenderText {#text} at (423,48) size 256x16
+ text run at (423,48) width 256: " declaration is being improperly parsed."
+ RenderBlock {P} at (4,1116) size 747x48
+ RenderText {#text} at (0,0) size 542x16
+ text run at (0,0) width 513: "The text of this paragraph should be normal size because the selector is invalid. "
+ text run at (512,0) width 30: "The "
+ RenderInline {EM} at (0,0) size 102x16
+ RenderText {#text} at (541,0) size 102x16
+ text run at (541,0) width 102: "emphasized text"
+ RenderText {#text} at (642,0) size 56x16
+ text run at (642,0) width 56: " and the "
+ RenderInline {STRONG} at (0,0) size 742x32
+ RenderText {#text} at (697,0) size 742x32
+ text run at (697,0) width 45: "strong"
+ text run at (0,16) width 26: "text"
+ RenderText {#text} at (25,16) size 736x32
+ text run at (25,16) width 711: " within it should also be normal size, since the entire ruleset should be skipped (since in some future version of"
+ text run at (0,32) width 603: "CSS, there could be an operator within the selector that has higher precedence than a comma)."
+ RenderBlock {P} at (4,1180) size 747x32
+ RenderText {#text} at (0,0) size 474x16
+ text run at (0,0) width 474: "This paragraph should be black, because the line before the declaration is "
+ RenderInline {STRONG} at (0,0) size 23x16
+ RenderText {#text} at (473,0) size 23x16
+ text run at (473,0) width 23: "not"
+ RenderText {#text} at (495,0) size 737x32
+ text run at (495,0) width 242: " a comment and therefore the selector"
+ text run at (0,16) width 165: "for P.nineteenb is invalid."
+ RenderBlock {P} at (4,1228) size 747x16 [color=#0000FF]
+ RenderText {#text} at (0,0) size 481x16
+ text run at (0,0) width 481: "This paragraph should be blue, because only the first declaration is invalid."
+ RenderBlock {P} at (4,1260) size 747x16 [color=#008000]
+ RenderText {#text} at (0,0) size 489x16
+ text run at (0,0) width 489: "This paragraph should be green, because only the first declaration is invalid."
+ RenderBlock {P} at (4,1292) size 747x16 [color=#800080]
+ RenderText {#text} at (0,0) size 494x16
+ text run at (0,0) width 494: "This paragraph should be purple, because only the first declaration is invalid."
+ RenderBlock {P} at (4,1324) size 747x16 [color=#008000]
+ RenderText {#text} at (0,0) size 489x16
+ text run at (0,0) width 489: "This paragraph should be green, because only the first declaration is invalid."
+ RenderBlock {P} at (4,1356) size 747x16 [color=#008000]
+ RenderText {#text} at (0,0) size 489x16
+ text run at (0,0) width 489: "This paragraph should be green, because only the first declaration is invalid."
+ RenderBlock {P} at (4,1388) size 747x16
+ RenderText {#text} at (48,0) size 612x16
+ text run at (48,0) width 494: "This paragraph should be indented half an inch, but it should not be maroon. "
+ text run at (541,0) width 119: "It should be black."
+ RenderBlock {P} at (4,1420) size 747x32
+ RenderText {#text} at (0,0) size 743x32
+ text run at (0,0) width 743: "This paragraph should be black, because the color declaration after the previous ruleset should be considered part of"
+ text run at (0,16) width 656: "the selector for this ruleset, and this ruleset therefore has an invalid selector and should not be applied."
projects / platform / framework / web / crosswalk.git / blobdiff