-layer at (0,0) size 785x1151
+layer at (0,0) size 785x1071
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x1151
- RenderBlock {HTML} at (0,0) size 785x1151
- RenderBody {BODY} at (8,8) size 769x1135 [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 769x120
- RenderText {#text} at (0,0) size 464x120
- text run at (0,0) width 272: ".one {text-decoration: underline;}"
- text run at (272,0) width 0: " "
- text run at (0,15) width 264: ".two {text-decoration: overline;}"
- text run at (264,15) width 0: " "
- text run at (0,30) width 312: ".three {text-decoration: line-through;}"
- text run at (312,30) width 0: " "
- text run at (0,45) width 248: ".four {text-decoration: blink;}"
- text run at (248,45) width 0: " "
- text run at (0,60) width 248: "B.five {text-decoration: none;}"
- text run at (248,60) width 0: " "
- text run at (0,75) width 344: ".six {text-decoration: underline overline;}"
- text run at (344,75) width 0: " "
- text run at (0,90) width 464: ".seven {text-decoration: underline overline line-through;}"
- text run at (464,90) width 0: " "
- text run at (0,105) width 0: " "
- RenderBlock {HR} at (0,167) size 769x2 [border: (1px inset #EEEEEE)]
- RenderBlock {P} at (0,185) size 769x18
- RenderText {#text} at (0,0) size 226x18
- text run at (0,0) width 226: "This sentence should be underlined."
- RenderBlock {P} at (0,219) size 769x18
- RenderText {#text} at (0,0) size 218x18
- text run at (0,0) width 218: "This sentence should be overlined."
- RenderBlock {P} at (0,253) size 769x18
- RenderText {#text} at (0,0) size 336x18
- text run at (0,0) width 336: "This sentence should have stricken text (linethrough)."
- RenderBlock {P} at (0,287) size 769x18
- RenderText {#text} at (0,0) size 591x18
- text run at (0,0) width 210: "This element should be blinking. "
- text run at (210,0) width 381: "(It is not required, however, that UAs support this behavior.)"
- RenderBlock {P} at (0,321) size 769x36
- RenderText {#text} at (0,0) size 508x18
- text run at (0,0) width 291: "The text in this element should be underlined. "
- text run at (291,0) width 217: "The boldfaced text in this element "
- RenderInline {B} at (0,0) size 173x18
- RenderText {#text} at (508,0) size 173x18
- text run at (508,0) width 173: "should also be underlined"
- RenderText {#text} at (681,0) size 731x36
- text run at (681,0) width 8: ". "
- text run at (689,0) width 42: "This is"
- text run at (0,18) width 716: "because the parent's underline will 'span' the boldfaced text, even if the inline element has no underline of its own."
- RenderBlock {P} at (0,373) size 769x18
- RenderText {#text} at (0,0) size 316x18
- text run at (0,0) width 316: "This sentence should be underlined and overlined."
- RenderBlock {P} at (0,407) size 769x18
- RenderText {#text} at (0,0) size 377x18
- text run at (0,0) width 377: "This sentence should be underlined, overlined, and stricken."
- RenderBlock {P} at (0,441) size 769x0
- RenderBlock {P} at (0,441) size 769x36
- RenderText {#text} at (0,0) size 761x36
- text run at (0,0) width 761: "There should be nothing visible between this sentence and the one above (there is an empty paragraph element with class"
- text run at (0,18) width 62: "of seven)."
- RenderBlock {P} at (0,493) size 769x55
- RenderText {#text} at (0,1) size 634x18
- text run at (0,1) width 634: "Text decorations only apply to the text of an element, so the image at the end of this sentence should "
- RenderInline {EM} at (0,0) size 20x18
- RenderText {#text} at (634,1) size 20x18
- text run at (634,1) width 20: "not"
- RenderText {#text} at (654,1) size 90x18
- text run at (654,1) width 90: " be overlined: "
- RenderImage {IMG} at (744,0) size 15x15
- RenderText {#text} at (759,1) size 763x54
- text run at (759,1) width 4: "."
- text run at (0,19) width 729: "The underline of the parent element should hold true beneath the image, however, since text-decoration 'spans' child"
- text run at (0,37) width 59: "elements."
- RenderBlock {P} at (0,564) size 769x18 [color=#008000]
- RenderText {#text} at (0,0) size 105x18
- text run at (0,0) width 105: "The underlining "
- RenderInline {SPAN} at (0,0) size 96x18 [color=#0000FF]
- RenderText {#text} at (105,0) size 96x18
- text run at (105,0) width 96: "in this sentence"
- RenderText {#text} at (201,0) size 233x18
- text run at (201,0) width 233: " should be green, no matter what the "
- RenderInline {SPAN} at (0,0) size 109x18 [color=#000000]
- RenderText {#text} at (434,0) size 109x18
- text run at (434,0) width 109: "text color may be"
- RenderText {#text} at (543,0) size 4x18
- text run at (543,0) width 4: "."
- RenderBlock {P} at (0,598) size 769x36
- RenderText {#text} at (0,0) size 111x18
- text run at (0,0) width 111: "The colors of the "
- RenderInline {SPAN} at (0,0) size 72x18 [color=#800080]
- RenderText {#text} at (111,0) size 72x18
- text run at (111,0) width 72: "underlining"
- RenderText {#text} at (183,0) size 20x18
- text run at (183,0) width 20: " in "
- RenderInline {SPAN} at (0,0) size 80x18 [color=#0000FF]
- RenderText {#text} at (203,0) size 80x18
- text run at (203,0) width 80: "this sentence"
- RenderText {#text} at (283,0) size 69x18
- text run at (283,0) width 69: " should be "
- RenderInline {SPAN} at (0,0) size 209x18 [color=#808080]
- RenderText {#text} at (352,0) size 209x18
- text run at (352,0) width 209: "the same as that of the parent text"
- RenderText {#text} at (561,0) size 738x36
- text run at (561,0) width 177: " (that is, the first word in the"
- text run at (0,18) width 213: "sentence, which should be black)."
- RenderTable {TABLE} at (0,650) size 769x485 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 767x483
- 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 785x1071
+ RenderBlock {HTML} at (0,0) size 785x1071
+ RenderBody {BODY} at (8,8) size 769x1055 [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 769x104
+ RenderText {#text} at (0,0) size 453x104
+ text run at (0,0) width 266: ".one {text-decoration: underline;}"
+ text run at (265,0) width 1: " "
+ text run at (0,13) width 258: ".two {text-decoration: overline;}"
+ text run at (257,13) width 1: " "
+ text run at (0,26) width 305: ".three {text-decoration: line-through;}"
+ text run at (304,26) width 1: " "
+ text run at (0,39) width 242: ".four {text-decoration: blink;}"
+ text run at (241,39) width 1: " "
+ text run at (0,52) width 242: "B.five {text-decoration: none;}"
+ text run at (241,52) width 1: " "
+ text run at (0,65) width 336: ".six {text-decoration: underline overline;}"
+ text run at (335,65) width 1: " "
+ text run at (0,78) width 453: ".seven {text-decoration: underline overline line-through;}"
+ text run at (452,78) width 1: " "
+ text run at (0,91) width 0: " "
+ RenderBlock {HR} at (0,149) size 769x2 [border: (1px inset #EEEEEE)]
+ RenderBlock {P} at (0,167) size 769x16
+ RenderText {#text} at (0,0) size 230x16
+ text run at (0,0) width 230: "This sentence should be underlined."
+ RenderBlock {P} at (0,199) size 769x16
+ RenderText {#text} at (0,0) size 222x16
+ text run at (0,0) width 222: "This sentence should be overlined."
+ RenderBlock {P} at (0,231) size 769x16
+ RenderText {#text} at (0,0) size 344x16
+ text run at (0,0) width 344: "This sentence should have stricken text (linethrough)."
+ RenderBlock {P} at (0,263) size 769x16
+ RenderText {#text} at (0,0) size 603x16
+ text run at (0,0) width 215: "This element should be blinking. "
+ text run at (214,0) width 389: "(It is not required, however, that UAs support this behavior.)"
+ RenderBlock {P} at (0,295) size 769x32
+ RenderText {#text} at (0,0) size 520x16
+ text run at (0,0) width 298: "The text in this element should be underlined. "
+ text run at (297,0) width 223: "The boldfaced text in this element "
+ RenderInline {B} at (0,0) size 176x16
+ RenderText {#text} at (519,0) size 176x16
+ text run at (519,0) width 176: "should also be underlined"
+ RenderText {#text} at (694,0) size 746x32
+ text run at (694,0) width 9: ". "
+ text run at (702,0) width 44: "This is"
+ text run at (0,16) width 731: "because the parent's underline will 'span' the boldfaced text, even if the inline element has no underline of its own."
+ RenderBlock {P} at (0,343) size 769x16
+ RenderText {#text} at (0,0) size 322x16
+ text run at (0,0) width 322: "This sentence should be underlined and overlined."
+ RenderBlock {P} at (0,375) size 769x16
+ RenderText {#text} at (0,0) size 384x16
+ text run at (0,0) width 384: "This sentence should be underlined, overlined, and stricken."
+ RenderBlock {P} at (0,407) size 769x0
+ RenderBlock {P} at (0,407) size 769x32
+ RenderText {#text} at (0,0) size 741x32
+ text run at (0,0) width 741: "There should be nothing visible between this sentence and the one above (there is an empty paragraph element with"
+ text run at (0,16) width 99: "class of seven)."
+ RenderBlock {P} at (0,455) size 769x51
+ RenderText {#text} at (0,0) size 648x16
+ text run at (0,0) width 648: "Text decorations only apply to the text of an element, so the image at the end of this sentence should "
+ RenderInline {EM} at (0,0) size 21x16
+ RenderText {#text} at (647,0) size 21x16
+ text run at (647,0) width 21: "not"
+ RenderText {#text} at (667,0) size 93x16
+ text run at (667,0) width 93: " be overlined: "
+ RenderImage {IMG} at (0,16) size 15x15
+ RenderText {#text} at (15,19) size 767x32
+ text run at (15,19) width 8: ". "
+ text run at (23,19) width 744: "The underline of the parent element should hold true beneath the image, however, since text-decoration 'spans' child"
+ text run at (0,35) width 61: "elements."
+ RenderBlock {P} at (0,522) size 769x16 [color=#008000]
+ RenderText {#text} at (0,0) size 107x16
+ text run at (0,0) width 107: "The underlining "
+ RenderInline {SPAN} at (0,0) size 100x16 [color=#0000FF]
+ RenderText {#text} at (106,0) size 100x16
+ text run at (106,0) width 100: "in this sentence"
+ RenderText {#text} at (205,0) size 238x16
+ text run at (205,0) width 238: " should be green, no matter what the "
+ RenderInline {SPAN} at (0,0) size 112x16 [color=#000000]
+ RenderText {#text} at (442,0) size 112x16
+ text run at (442,0) width 112: "text color may be"
+ RenderText {#text} at (553,0) size 5x16
+ text run at (553,0) width 5: "."
+ RenderBlock {P} at (0,554) size 769x32
+ RenderText {#text} at (0,0) size 113x16
+ text run at (0,0) width 113: "The colors of the "
+ RenderInline {SPAN} at (0,0) size 75x16 [color=#800080]
+ RenderText {#text} at (112,0) size 75x16
+ text run at (112,0) width 75: "underlining"
+ RenderText {#text} at (186,0) size 22x16
+ text run at (186,0) width 22: " in "
+ RenderInline {SPAN} at (0,0) size 83x16 [color=#0000FF]
+ RenderText {#text} at (207,0) size 83x16
+ text run at (207,0) width 83: "this sentence"
+ RenderText {#text} at (289,0) size 71x16
+ text run at (289,0) width 71: " should be "
+ RenderInline {SPAN} at (0,0) size 215x16 [color=#808080]
+ RenderText {#text} at (359,0) size 215x16
+ text run at (359,0) width 215: "the same as that of the parent text"
+ RenderText {#text} at (573,0) size 756x32
+ text run at (573,0) width 183: " (that is, the first word in the"
+ text run at (0,16) width 216: "sentence, which should be black)."
+ RenderTable {TABLE} at (0,602) size 769x453 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 767x451
+ 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 767x457
- RenderTableCell {TD} at (0,241) 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 767x427
+ RenderTableCell {TD} at (0,225) 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 755x457 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 747x18
- RenderText {#text} at (0,0) size 226x18
- text run at (0,0) width 226: "This sentence should be underlined."
- RenderBlock {P} at (4,38) size 747x18
- RenderText {#text} at (0,0) size 218x18
- text run at (0,0) width 218: "This sentence should be overlined."
- RenderBlock {P} at (4,72) size 747x18
- RenderText {#text} at (0,0) size 336x18
- text run at (0,0) width 336: "This sentence should have stricken text (linethrough)."
- RenderBlock {P} at (4,106) size 747x18
- RenderText {#text} at (0,0) size 591x18
- text run at (0,0) width 210: "This element should be blinking. "
- text run at (210,0) width 381: "(It is not required, however, that UAs support this behavior.)"
- RenderBlock {P} at (4,140) size 747x36
- RenderText {#text} at (0,0) size 508x18
- text run at (0,0) width 291: "The text in this element should be underlined. "
- text run at (291,0) width 217: "The boldfaced text in this element "
- RenderInline {B} at (0,0) size 173x18
- RenderText {#text} at (508,0) size 173x18
- text run at (508,0) width 173: "should also be underlined"
- RenderText {#text} at (681,0) size 731x36
- text run at (681,0) width 8: ". "
- text run at (689,0) width 42: "This is"
- text run at (0,18) width 716: "because the parent's underline will 'span' the boldfaced text, even if the inline element has no underline of its own."
- RenderBlock {P} at (4,192) size 747x18
- RenderText {#text} at (0,0) size 316x18
- text run at (0,0) width 316: "This sentence should be underlined and overlined."
- RenderBlock {P} at (4,226) size 747x18
- RenderText {#text} at (0,0) size 377x18
- text run at (0,0) width 377: "This sentence should be underlined, overlined, and stricken."
- RenderBlock {P} at (4,260) size 747x0
- RenderBlock {P} at (4,260) size 747x36
- RenderText {#text} at (0,0) size 727x36
- text run at (0,0) width 727: "There should be nothing visible between this sentence and the one above (there is an empty paragraph element with"
- text run at (0,18) width 96: "class of seven)."
- RenderBlock {P} at (4,312) size 747x55
- RenderText {#text} at (0,0) size 634x18
- text run at (0,0) width 634: "Text decorations only apply to the text of an element, so the image at the end of this sentence should "
- RenderInline {EM} at (0,0) size 20x18
- RenderText {#text} at (634,0) size 20x18
- text run at (634,0) width 20: "not"
- RenderText {#text} at (654,0) size 90x18
- text run at (654,0) width 90: " be overlined: "
- RenderImage {IMG} at (0,18) size 15x15
- RenderText {#text} at (15,19) size 717x36
- text run at (15,19) width 8: ". "
- text run at (23,19) width 694: "The underline of the parent element should hold true beneath the image, however, since text-decoration 'spans'"
- text run at (0,37) width 94: "child elements."
- RenderBlock {P} at (4,383) size 747x18 [color=#008000]
- RenderText {#text} at (0,0) size 105x18
- text run at (0,0) width 105: "The underlining "
- RenderInline {SPAN} at (0,0) size 96x18 [color=#0000FF]
- RenderText {#text} at (105,0) size 96x18
- text run at (105,0) width 96: "in this sentence"
- RenderText {#text} at (201,0) size 233x18
- text run at (201,0) width 233: " should be green, no matter what the "
- RenderInline {SPAN} at (0,0) size 109x18 [color=#000000]
- RenderText {#text} at (434,0) size 109x18
- text run at (434,0) width 109: "text color may be"
- RenderText {#text} at (543,0) size 4x18
- text run at (543,0) width 4: "."
- RenderBlock {P} at (4,417) size 747x36
- RenderText {#text} at (0,0) size 111x18
- text run at (0,0) width 111: "The colors of the "
- RenderInline {SPAN} at (0,0) size 72x18 [color=#800080]
- RenderText {#text} at (111,0) size 72x18
- text run at (111,0) width 72: "underlining"
- RenderText {#text} at (183,0) size 20x18
- text run at (183,0) width 20: " in "
- RenderInline {SPAN} at (0,0) size 80x18 [color=#0000FF]
- RenderText {#text} at (203,0) size 80x18
- text run at (203,0) width 80: "this sentence"
- RenderText {#text} at (283,0) size 69x18
- text run at (283,0) width 69: " should be "
- RenderInline {SPAN} at (0,0) size 209x18 [color=#808080]
- RenderText {#text} at (352,0) size 209x18
- text run at (352,0) width 209: "the same as that of the parent text"
- RenderText {#text} at (561,0) size 738x36
- text run at (561,0) width 177: " (that is, the first word in the"
- text run at (0,18) width 213: "sentence, which should be black)."
+ RenderTableCell {TD} at (12,24) size 755x427 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 747x16
+ RenderText {#text} at (0,0) size 230x16
+ text run at (0,0) width 230: "This sentence should be underlined."
+ RenderBlock {P} at (4,36) size 747x16
+ RenderText {#text} at (0,0) size 222x16
+ text run at (0,0) width 222: "This sentence should be overlined."
+ RenderBlock {P} at (4,68) size 747x16
+ RenderText {#text} at (0,0) size 344x16
+ text run at (0,0) width 344: "This sentence should have stricken text (linethrough)."
+ RenderBlock {P} at (4,100) size 747x16
+ RenderText {#text} at (0,0) size 603x16
+ text run at (0,0) width 215: "This element should be blinking. "
+ text run at (214,0) width 389: "(It is not required, however, that UAs support this behavior.)"
+ RenderBlock {P} at (4,132) size 747x32
+ RenderText {#text} at (0,0) size 520x16
+ text run at (0,0) width 298: "The text in this element should be underlined. "
+ text run at (297,0) width 223: "The boldfaced text in this element "
+ RenderInline {B} at (0,0) size 176x16
+ RenderText {#text} at (519,0) size 176x16
+ text run at (519,0) width 176: "should also be underlined"
+ RenderText {#text} at (694,0) size 746x32
+ text run at (694,0) width 9: ". "
+ text run at (702,0) width 44: "This is"
+ text run at (0,16) width 731: "because the parent's underline will 'span' the boldfaced text, even if the inline element has no underline of its own."
+ RenderBlock {P} at (4,180) size 747x16
+ RenderText {#text} at (0,0) size 322x16
+ text run at (0,0) width 322: "This sentence should be underlined and overlined."
+ RenderBlock {P} at (4,212) size 747x16
+ RenderText {#text} at (0,0) size 384x16
+ text run at (0,0) width 384: "This sentence should be underlined, overlined, and stricken."
+ RenderBlock {P} at (4,244) size 747x0
+ RenderBlock {P} at (4,244) size 747x32
+ RenderText {#text} at (0,0) size 741x32
+ text run at (0,0) width 741: "There should be nothing visible between this sentence and the one above (there is an empty paragraph element with"
+ text run at (0,16) width 99: "class of seven)."
+ RenderBlock {P} at (4,292) size 747x51
+ RenderText {#text} at (0,0) size 648x16
+ text run at (0,0) width 648: "Text decorations only apply to the text of an element, so the image at the end of this sentence should "
+ RenderInline {EM} at (0,0) size 21x16
+ RenderText {#text} at (647,0) size 21x16
+ text run at (647,0) width 21: "not"
+ RenderText {#text} at (667,0) size 687x35
+ text run at (667,0) width 20: " be"
+ text run at (0,19) width 69: "overlined: "
+ RenderImage {IMG} at (68.86,16) size 15x15
+ RenderText {#text} at (83,19) size 687x32
+ text run at (83,19) width 9: ". "
+ text run at (91,19) width 596: "The underline of the parent element should hold true beneath the image, however, since text-"
+ text run at (0,35) width 214: "decoration 'spans' child elements."
+ RenderBlock {P} at (4,359) size 747x16 [color=#008000]
+ RenderText {#text} at (0,0) size 107x16
+ text run at (0,0) width 107: "The underlining "
+ RenderInline {SPAN} at (0,0) size 100x16 [color=#0000FF]
+ RenderText {#text} at (106,0) size 100x16
+ text run at (106,0) width 100: "in this sentence"
+ RenderText {#text} at (205,0) size 238x16
+ text run at (205,0) width 238: " should be green, no matter what the "
+ RenderInline {SPAN} at (0,0) size 112x16 [color=#000000]
+ RenderText {#text} at (442,0) size 112x16
+ text run at (442,0) width 112: "text color may be"
+ RenderText {#text} at (553,0) size 5x16
+ text run at (553,0) width 5: "."
+ RenderBlock {P} at (4,391) size 747x32
+ RenderText {#text} at (0,0) size 113x16
+ text run at (0,0) width 113: "The colors of the "
+ RenderInline {SPAN} at (0,0) size 75x16 [color=#800080]
+ RenderText {#text} at (112,0) size 75x16
+ text run at (112,0) width 75: "underlining"
+ RenderText {#text} at (186,0) size 22x16
+ text run at (186,0) width 22: " in "
+ RenderInline {SPAN} at (0,0) size 83x16 [color=#0000FF]
+ RenderText {#text} at (207,0) size 83x16
+ text run at (207,0) width 83: "this sentence"
+ RenderText {#text} at (289,0) size 71x16
+ text run at (289,0) width 71: " should be "
+ RenderInline {SPAN} at (0,0) size 215x16 [color=#808080]
+ RenderText {#text} at (359,0) size 215x16
+ text run at (359,0) width 215: "the same as that of the parent text"
+ RenderText {#text} at (573,0) size 733x32
+ text run at (573,0) width 160: " (that is, the first word in"
+ text run at (0,16) width 240: "the sentence, which should be black)."