layer at (0,0) size 800x600
RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x546
- RenderBlock {HTML} at (0,0) size 800x546
- RenderBody {BODY} at (8,8) size 784x530 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 385x17
- text run at (0,0) width 385: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,31) size 784x64 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 176x64
+layer at (0,0) size 800x579
+ RenderBlock {HTML} at (0,0) size 800x579
+ RenderBody {BODY} at (8,8) size 784x563 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x18 [bgcolor=#000000]
+ 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 784x60 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 176x60
text run at (0,0) width 160: ".one {color: green;}"
- text run at (0,16) width 128: ".1 {color: red;}"
- text run at (0,32) width 152: ".a1 {color: green;}"
- text run at (0,48) width 176: "P.two {color: purple;}"
- RenderBlock {HR} at (1,109) size 782x2 [bgcolor=#000000]
- RenderBlock {P} at (0,125) size 784x17 [color=#008000] [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This sentence should be green."
- RenderBlock {P} at (0,156) size 784x17 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 613x17
- text run at (0,0) width 613: "This sentence should be black, not red-- class selectors cannot begin with digits in CSS1."
- RenderBlock {P} at (0,187) size 784x17 [color=#008000] [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This sentence should be green."
- RenderBlock {P} at (0,218) size 784x17 [color=#800080] [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 218x17
- text run at (0,0) width 218: "This sentence should be purple."
- RenderBlock {PRE} at (0,249) size 784x16 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 280x16
+ text run at (0,15) width 128: ".1 {color: red;}"
+ text run at (0,30) width 152: ".a1 {color: green;}"
+ text run at (0,45) width 176: "P.two {color: purple;}"
+ RenderBlock {HR} at (1,107) size 782x2 [bgcolor=#000000]
+ RenderBlock {P} at (0,125) size 784x18 [color=#008000] [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 194x18
+ text run at (0,0) width 194: "This sentence should be green."
+ RenderBlock {P} at (0,159) size 784x18 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 559x18
+ text run at (0,0) width 559: "This sentence should be black, not red-- class selectors cannot begin with digits in CSS1."
+ RenderBlock {P} at (0,193) size 784x18 [color=#008000] [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 194x18
+ text run at (0,0) width 194: "This sentence should be green."
+ RenderBlock {P} at (0,227) size 784x18 [color=#800080] [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 199x18
+ text run at (0,0) width 199: "This sentence should be purple."
+ RenderBlock {PRE} at (0,261) size 784x15 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 280x15
text run at (0,0) width 280: "This sentence should NOT be purple."
- RenderBlock {UL} at (0,279) size 784x17 [bgcolor=#000000]
- RenderListItem {LI} at (40,0) size 744x17
+ RenderBlock {UL} at (0,292) size 784x18 [bgcolor=#000000]
+ RenderListItem {LI} at (40,0) size 744x18
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 253x17
- text run at (0,0) width 253: "This sentence should NOT be purple."
- RenderTable {TABLE} at (0,310) size 635x220 [bgcolor=#000000]
- RenderTableSection {TBODY} at (1,1) size 0x218
+ RenderText {TEXT} at (0,0) size 237x18
+ text run at (0,0) width 237: "This sentence should NOT be purple."
+ RenderTable {TABLE} at (0,326) size 581x237 [bgcolor=#000000]
+ RenderTableSection {TBODY} at (1,1) size 0x235
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 633x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
- RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
- RenderText {TEXT} at (4,4) size 164x17
- text run at (4,4) width 164: "TABLE Testing Section"
+ RenderTableCell {TD} at (0,0) size 579x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
+ RenderText {TEXT} at (4,4) size 163x18
+ text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,109) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
- RenderText {TEXT} at (4,4) size 4x17
+ RenderTableCell {TD} at (0,117) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,25) size 621x193 [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 613x17 [color=#008000]
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This sentence should be green."
- RenderBlock {P} at (4,35) size 613x17
- RenderText {TEXT} at (0,0) size 613x17
- text run at (0,0) width 613: "This sentence should be black, not red-- class selectors cannot begin with digits in CSS1."
- RenderBlock {P} at (4,66) size 613x17 [color=#008000]
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This sentence should be green."
- RenderBlock {P} at (4,97) size 613x17 [color=#800080]
- RenderText {TEXT} at (0,0) size 218x17
- text run at (0,0) width 218: "This sentence should be purple."
- RenderBlock {PRE} at (4,128) size 613x16
- RenderText {TEXT} at (0,0) size 280x16
+ RenderTableCell {TD} at (12,26) size 567x209 [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 559x18 [color=#008000]
+ RenderText {TEXT} at (0,0) size 194x18
+ text run at (0,0) width 194: "This sentence should be green."
+ RenderBlock {P} at (4,38) size 559x18
+ RenderText {TEXT} at (0,0) size 559x18
+ text run at (0,0) width 559: "This sentence should be black, not red-- class selectors cannot begin with digits in CSS1."
+ RenderBlock {P} at (4,72) size 559x18 [color=#008000]
+ RenderText {TEXT} at (0,0) size 194x18
+ text run at (0,0) width 194: "This sentence should be green."
+ RenderBlock {P} at (4,106) size 559x18 [color=#800080]
+ RenderText {TEXT} at (0,0) size 199x18
+ text run at (0,0) width 199: "This sentence should be purple."
+ RenderBlock {PRE} at (4,140) size 559x15
+ RenderText {TEXT} at (0,0) size 280x15
text run at (0,0) width 280: "This sentence should NOT be purple."
- RenderBlock {UL} at (4,158) size 613x17
- RenderListItem {LI} at (40,0) size 573x17
+ RenderBlock {UL} at (4,171) size 559x18
+ RenderListItem {LI} at (40,0) size 519x18
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 253x17
- text run at (0,0) width 253: "This sentence should NOT be purple."
+ RenderText {TEXT} at (0,0) size 237x18
+ text run at (0,0) width 237: "This sentence should NOT be purple."
-layer at (0,0) size 800x834
+layer at (0,0) size 800x870
RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x834
- RenderBlock {HTML} at (0,0) size 800x834
- RenderBody {BODY} at (8,8) size 784x818 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 385x17
- text run at (0,0) width 385: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,31) size 784x240 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 336x224
+layer at (0,0) size 800x870
+ RenderBlock {HTML} at (0,0) size 800x870
+ RenderBody {BODY} at (8,8) size 784x854 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x18 [bgcolor=#000000]
+ 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 784x225 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 336x210
text run at (0,0) width 232: "/* This is a CSS1 comment. */"
- text run at (0,16) width 336: ".one {color: green;} /* Another comment */"
- text run at (0,32) width 288: "/* The following should not be used:"
- text run at (0,48) width 168: ".two {color: red;} */"
- text run at (0,64) width 320: ".three {color: green; /* color: red; */}"
- text run at (0,80) width 24: "/**"
- text run at (0,96) width 176: ".four {color: red;} */"
- text run at (0,112) width 168: ".five {color: green;}"
- text run at (0,128) width 32: "/**/"
- text run at (0,144) width 160: ".six {color: green;}"
- text run at (0,160) width 88: "/*********/"
- text run at (0,176) width 176: ".seven {color: green;}"
- text run at (0,192) width 128: "/* a comment **/"
- text run at (0,208) width 176: ".eight {color: green;}"
- RenderBlock {HR} at (1,285) size 782x2 [bgcolor=#000000]
- RenderBlock {P} at (0,301) size 784x17 [color=#008000] [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This sentence should be green."
- RenderBlock {P} at (0,332) size 784x17 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 210x17
- text run at (0,0) width 210: "This sentence should be black."
- RenderBlock {P} at (0,363) size 784x17 [color=#008000] [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This sentence should be green."
- RenderBlock {P} at (0,394) size 784x17 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 210x17
- text run at (0,0) width 210: "This sentence should be black."
- RenderBlock {P} at (0,425) size 784x17 [color=#008000] [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This sentence should be green."
- RenderBlock {P} at (0,456) size 784x17 [color=#008000] [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This sentence should be green."
- RenderBlock {P} at (0,487) size 784x17 [color=#008000] [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This sentence should be green."
- RenderBlock {P} at (0,518) size 784x17 [color=#008000] [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This sentence should be green."
- RenderTable {TABLE} at (0,549) size 235x269 [bgcolor=#000000]
- RenderTableSection {TBODY} at (1,1) size 0x267
+ text run at (0,15) width 336: ".one {color: green;} /* Another comment */"
+ text run at (0,30) width 288: "/* The following should not be used:"
+ text run at (0,45) width 168: ".two {color: red;} */"
+ text run at (0,60) width 320: ".three {color: green; /* color: red; */}"
+ text run at (0,75) width 24: "/**"
+ text run at (0,90) width 176: ".four {color: red;} */"
+ text run at (0,105) width 168: ".five {color: green;}"
+ text run at (0,120) width 32: "/**/"
+ text run at (0,135) width 160: ".six {color: green;}"
+ text run at (0,150) width 88: "/*********/"
+ text run at (0,165) width 176: ".seven {color: green;}"
+ text run at (0,180) width 128: "/* a comment **/"
+ text run at (0,195) width 176: ".eight {color: green;}"
+ RenderBlock {HR} at (1,272) size 782x2 [bgcolor=#000000]
+ RenderBlock {P} at (0,290) size 784x18 [color=#008000] [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 194x18
+ text run at (0,0) width 194: "This sentence should be green."
+ RenderBlock {P} at (0,324) size 784x18 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 193x18
+ text run at (0,0) width 193: "This sentence should be black."
+ RenderBlock {P} at (0,358) size 784x18 [color=#008000] [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 194x18
+ text run at (0,0) width 194: "This sentence should be green."
+ RenderBlock {P} at (0,392) size 784x18 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 193x18
+ text run at (0,0) width 193: "This sentence should be black."
+ RenderBlock {P} at (0,426) size 784x18 [color=#008000] [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 194x18
+ text run at (0,0) width 194: "This sentence should be green."
+ RenderBlock {P} at (0,460) size 784x18 [color=#008000] [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 194x18
+ text run at (0,0) width 194: "This sentence should be green."
+ RenderBlock {P} at (0,494) size 784x18 [color=#008000] [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 194x18
+ text run at (0,0) width 194: "This sentence should be green."
+ RenderBlock {P} at (0,528) size 784x18 [color=#008000] [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 194x18
+ text run at (0,0) width 194: "This sentence should be green."
+ RenderTable {TABLE} at (0,562) size 216x292 [bgcolor=#000000]
+ RenderTableSection {TBODY} at (1,1) size 0x290
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 233x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
- RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
- RenderText {TEXT} at (4,4) size 164x17
- text run at (4,4) width 164: "TABLE Testing Section"
+ RenderTableCell {TD} at (0,0) size 214x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
+ RenderText {TEXT} at (4,4) size 163x18
+ text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,133) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
- RenderText {TEXT} at (4,4) size 4x17
+ RenderTableCell {TD} at (0,145) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,25) size 221x242 [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 213x17 [color=#008000]
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This sentence should be green."
- RenderBlock {P} at (4,35) size 213x17
- RenderText {TEXT} at (0,0) size 210x17
- text run at (0,0) width 210: "This sentence should be black."
- RenderBlock {P} at (4,66) size 213x17 [color=#008000]
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This sentence should be green."
- RenderBlock {P} at (4,97) size 213x17
- RenderText {TEXT} at (0,0) size 210x17
- text run at (0,0) width 210: "This sentence should be black."
- RenderBlock {P} at (4,128) size 213x17 [color=#008000]
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This sentence should be green."
- RenderBlock {P} at (4,159) size 213x17 [color=#008000]
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This sentence should be green."
- RenderBlock {P} at (4,190) size 213x17 [color=#008000]
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This sentence should be green."
- RenderBlock {P} at (4,221) size 213x17 [color=#008000]
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This sentence should be green."
+ RenderTableCell {TD} at (12,26) size 202x264 [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 194x18 [color=#008000]
+ RenderText {TEXT} at (0,0) size 194x18
+ text run at (0,0) width 194: "This sentence should be green."
+ RenderBlock {P} at (4,38) size 194x18
+ RenderText {TEXT} at (0,0) size 193x18
+ text run at (0,0) width 193: "This sentence should be black."
+ RenderBlock {P} at (4,72) size 194x18 [color=#008000]
+ RenderText {TEXT} at (0,0) size 194x18
+ text run at (0,0) width 194: "This sentence should be green."
+ RenderBlock {P} at (4,106) size 194x18
+ RenderText {TEXT} at (0,0) size 193x18
+ text run at (0,0) width 193: "This sentence should be black."
+ RenderBlock {P} at (4,140) size 194x18 [color=#008000]
+ RenderText {TEXT} at (0,0) size 194x18
+ text run at (0,0) width 194: "This sentence should be green."
+ RenderBlock {P} at (4,174) size 194x18 [color=#008000]
+ RenderText {TEXT} at (0,0) size 194x18
+ text run at (0,0) width 194: "This sentence should be green."
+ RenderBlock {P} at (4,208) size 194x18 [color=#008000]
+ RenderText {TEXT} at (0,0) size 194x18
+ text run at (0,0) width 194: "This sentence should be green."
+ RenderBlock {P} at (4,242) size 194x18 [color=#008000]
+ RenderText {TEXT} at (0,0) size 194x18
+ text run at (0,0) width 194: "This sentence should be green."
-layer at (0,0) size 800x930
+layer at (0,0) size 800x943
RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x930
- RenderBlock {HTML} at (0,0) size 800x930
- RenderBody {BODY} at (8,8) size 784x914 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 385x17
- text run at (0,0) width 385: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,31) size 784x160 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 728x160
+layer at (0,0) size 800x943
+ RenderBlock {HTML} at (0,0) size 800x943
+ RenderBody {BODY} at (8,8) size 784x927 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x18 [bgcolor=#000000]
+ 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 784x150 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 728x150
text run at (0,0) width 624: "<LINK rel=\"stylesheet\" type=\"text/css\" href=\"linktest.css\" title=\"Default SS\">"
- text run at (0,16) width 728: "<LINK rel=\"alternate stylesheet\" type=\"text/css\" href=\"linktest2.css\" title=\"Alternate SS\">"
- text run at (0,32) width 208: "@import url(imptest1.css);"
- text run at (0,48) width 192: "@import \"imptest1a.css\";"
- text run at (0,64) width 128: "UL {color: red;}"
- text run at (0,80) width 176: ".four {color: purple;}"
- text run at (0,96) width 208: "@import url(imptest2.css);"
- text run at (0,112) width 32: "<!--"
- text run at (0,128) width 168: "P.six {color: green;}"
- text run at (0,144) width 24: "-->"
- RenderBlock {HR} at (1,205) size 782x2 [bgcolor=#000000]
- RenderBlock {P} at (0,221) size 784x34 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 444x17
- text run at (0,0) width 444: "This sentence should be underlined due to the linked style sheet "
- RenderInline {CODE} at (0,0) size 96x16
- RenderText {TEXT} at (444,1) size 96x16
- text run at (444,1) width 96: "linktest.css"
- RenderText {TEXT} at (540,0) size 765x34
- text run at (540,0) width 225: ", the reference to which is shown"
- text run at (0,17) width 46: "above."
- RenderBlock {P} at (0,269) size 784x34 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 479x17
- text run at (0,0) width 479: "This sentence should NOT be underlined due to the linked style sheet "
- RenderInline {CODE} at (0,0) size 104x16
- RenderText {TEXT} at (479,1) size 104x16
- text run at (479,1) width 104: "linktest2.css"
- RenderText {TEXT} at (583,0) size 9x17
- text run at (583,0) width 9: ", "
- RenderInline {STRONG} at (0,0) size 47x17
- RenderText {TEXT} at (592,0) size 47x17
- text run at (592,0) width 47: "unless"
- RenderText {TEXT} at (639,0) size 761x34
- text run at (639,0) width 122: " the external style"
- text run at (0,17) width 392: "sheet \"Alternate SS\" has been selected via the user agent."
- RenderBlock {UL} at (0,317) size 784x51 [color=#FF0000] [bgcolor=#000000]
- RenderListItem {LI} at (40,0) size 744x17 [color=#008000]
+ text run at (0,15) width 728: "<LINK rel=\"alternate stylesheet\" type=\"text/css\" href=\"linktest2.css\" title=\"Alternate SS\">"
+ text run at (0,30) width 208: "@import url(imptest1.css);"
+ text run at (0,45) width 192: "@import \"imptest1a.css\";"
+ text run at (0,60) width 128: "UL {color: red;}"
+ text run at (0,75) width 176: ".four {color: purple;}"
+ text run at (0,90) width 208: "@import url(imptest2.css);"
+ text run at (0,105) width 32: "<!--"
+ text run at (0,120) width 168: "P.six {color: green;}"
+ text run at (0,135) width 24: "-->"
+ RenderBlock {HR} at (1,197) size 782x2 [bgcolor=#000000]
+ RenderBlock {P} at (0,215) size 784x18 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 404x18
+ text run at (0,0) width 404: "This sentence should be underlined due to the linked style sheet "
+ RenderInline {CODE} at (0,0) size 96x15
+ RenderText {TEXT} at (404,2) size 96x15
+ text run at (404,2) width 96: "linktest.css"
+ RenderText {TEXT} at (500,0) size 254x18
+ text run at (500,0) width 254: ", the reference to which is shown above."
+ RenderBlock {P} at (0,249) size 784x36 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 442x18
+ text run at (0,0) width 442: "This sentence should NOT be underlined due to the linked style sheet "
+ RenderInline {CODE} at (0,0) size 104x15
+ RenderText {TEXT} at (442,2) size 104x15
+ text run at (442,2) width 104: "linktest2.css"
+ RenderText {TEXT} at (546,0) size 8x18
+ text run at (546,0) width 8: ", "
+ RenderInline {STRONG} at (0,0) size 41x18
+ RenderText {TEXT} at (554,0) size 41x18
+ text run at (554,0) width 41: "unless"
+ RenderText {TEXT} at (595,0) size 741x36
+ text run at (595,0) width 146: " the external style sheet"
+ text run at (0,18) width 325: "\"Alternate SS\" has been selected via the user agent."
+ RenderBlock {UL} at (0,301) size 784x54 [color=#FF0000] [bgcolor=#000000]
+ RenderListItem {LI} at (40,0) size 744x18 [color=#008000]
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 430x17
- text run at (0,0) width 430: "This sentence should be green due to an imported style sheet ["
- RenderInline {CODE} at (0,0) size 208x16
- RenderText {TEXT} at (430,1) size 208x16
- text run at (430,1) width 208: "@import url(imptest1.css);"
- RenderText {TEXT} at (638,0) size 10x17
- text run at (638,0) width 10: "]."
- RenderListItem {LI} at (40,17) size 744x17 [color=#800080]
+ RenderText {TEXT} at (0,0) size 390x18
+ text run at (0,0) width 390: "This sentence should be green due to an imported style sheet ["
+ RenderInline {CODE} at (0,0) size 208x15
+ RenderText {TEXT} at (390,2) size 208x15
+ text run at (390,2) width 208: "@import url(imptest1.css);"
+ RenderText {TEXT} at (598,0) size 9x18
+ text run at (598,0) width 9: "]."
+ RenderListItem {LI} at (40,18) size 744x18 [color=#800080]
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 435x17
- text run at (0,0) width 435: "This sentence should be purple due to an imported style sheet ["
- RenderInline {CODE} at (0,0) size 184x16
- RenderText {TEXT} at (435,1) size 184x16
- text run at (435,1) width 184: "@import \"imptest1a.css\""
- RenderText {TEXT} at (619,0) size 10x17
- text run at (619,0) width 10: "]."
- RenderListItem {LI} at (40,34) size 744x17 [color=#008000]
+ RenderText {TEXT} at (0,0) size 395x18
+ text run at (0,0) width 395: "This sentence should be purple due to an imported style sheet ["
+ RenderInline {CODE} at (0,0) size 184x15
+ RenderText {TEXT} at (395,2) size 184x15
+ text run at (395,2) width 184: "@import \"imptest1a.css\""
+ RenderText {TEXT} at (579,0) size 9x18
+ text run at (579,0) width 9: "]."
+ RenderListItem {LI} at (40,36) size 744x18 [color=#008000]
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 419x17
- text run at (0,0) width 419: "This sentence should be green thanks to the STYLE attribute ["
- RenderInline {CODE} at (0,0) size 168x16
- RenderText {TEXT} at (419,1) size 168x16
- text run at (419,1) width 168: "STYLE=\"color: green;\""
- RenderText {TEXT} at (587,0) size 10x17
- text run at (587,0) width 10: "]."
- RenderBlock {P} at (0,382) size 784x17 [color=#800080] [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 553x17
- text run at (0,0) width 553: "This sentence should be purple, and it doesn't have a terminating paragraph tag."
- RenderBlock {OL} at (0,413) size 784x51 [bgcolor=#000000]
- RenderListItem {LI} at (40,0) size 744x17
+ RenderText {TEXT} at (0,0) size 393x18
+ text run at (0,0) width 393: "This sentence should be green thanks to the STYLE attribute ["
+ RenderInline {CODE} at (0,0) size 168x15
+ RenderText {TEXT} at (393,2) size 168x15
+ text run at (393,2) width 168: "STYLE=\"color: green;\""
+ RenderText {TEXT} at (561,0) size 9x18
+ text run at (561,0) width 9: "]."
+ RenderBlock {P} at (0,371) size 784x18 [color=#800080] [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 500x18
+ text run at (0,0) width 500: "This sentence should be purple, and it doesn't have a terminating paragraph tag."
+ RenderBlock {OL} at (0,405) size 784x54 [bgcolor=#000000]
+ RenderListItem {LI} at (40,0) size 744x18
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This list should NOT be purple."
- RenderListItem {LI} at (40,17) size 744x17
+ RenderText {TEXT} at (0,0) size 201x18
+ text run at (0,0) width 201: "This list should NOT be purple."
+ RenderListItem {LI} at (40,18) size 744x18
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 190x17
- text run at (0,0) width 190: "It should, instead, be black."
- RenderListItem {LI} at (40,34) size 744x17
+ RenderText {TEXT} at (0,0) size 172x18
+ text run at (0,0) width 172: "It should, instead, be black."
+ RenderListItem {LI} at (40,36) size 744x18
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 549x17
- text run at (0,0) width 549: "If it IS purple, then the browser hasn't correctly parsed the preceding paragraph."
- RenderBlock {P} at (0,478) size 784x34 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 767x17
- text run at (0,0) width 214: "This sentence should be black. "
- text run at (214,0) width 553: "If it is red, then the browser has inappropriately imported the styles from the file"
- RenderInline {TT} at (0,0) size 96x16
- RenderText {TEXT} at (0,18) size 96x16
- text run at (0,18) width 96: "imptest2.css"
- RenderText {TEXT} at (96,17) size 36x17
- text run at (96,17) width 36: " (see "
- RenderInline {A} at (0,0) size 76x17 [color=#0000FF]
- RenderText {TEXT} at (132,17) size 76x17
- text run at (132,17) width 76: "section 3.0"
- RenderText {TEXT} at (208,17) size 295x17
- text run at (208,17) width 295: " of the CSS1 specification for more details)."
- RenderBlock {P} at (0,526) size 784x17 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 222x17
- text run at (0,0) width 222: "This paragraph should be green."
- RenderTable {TABLE} at (0,557) size 784x357 [bgcolor=#000000]
- RenderTableSection {TBODY} at (1,1) size 0x355
+ RenderText {TEXT} at (0,0) size 501x18
+ text run at (0,0) width 501: "If it IS purple, then the browser hasn't correctly parsed the preceding paragraph."
+ RenderBlock {P} at (0,475) size 784x36 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 697x18
+ text run at (0,0) width 197: "This sentence should be black. "
+ text run at (197,0) width 500: "If it is red, then the browser has inappropriately imported the styles from the file"
+ RenderInline {TT} at (0,0) size 96x15
+ RenderText {TEXT} at (0,20) size 96x15
+ text run at (0,20) width 96: "imptest2.css"
+ RenderText {TEXT} at (96,18) size 33x18
+ text run at (96,18) width 33: " (see "
+ RenderInline {A} at (0,0) size 68x18 [color=#0000FF]
+ RenderText {TEXT} at (129,18) size 68x18
+ text run at (129,18) width 68: "section 3.0"
+ RenderText {TEXT} at (197,18) size 275x18
+ text run at (197,18) width 275: " of the CSS1 specification for more details)."
+ RenderBlock {P} at (0,527) size 784x18 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 203x18
+ text run at (0,0) width 203: "This paragraph should be green."
+ RenderTable {TABLE} at (0,561) size 784x366 [bgcolor=#000000]
+ RenderTableSection {TBODY} at (1,1) size 0x364
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
- RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
- RenderText {TEXT} at (4,4) size 164x17
- text run at (4,4) width 164: "TABLE Testing Section"
+ RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
+ RenderText {TEXT} at (4,4) size 163x18
+ text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,177) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
- RenderText {TEXT} at (4,4) size 4x17
+ RenderTableCell {TD} at (0,182) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,25) size 770x330 [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x34
- RenderText {TEXT} at (0,0) size 444x17
- text run at (0,0) width 444: "This sentence should be underlined due to the linked style sheet "
- RenderInline {CODE} at (0,0) size 96x16
- RenderText {TEXT} at (444,1) size 96x16
- text run at (444,1) width 96: "linktest.css"
- RenderText {TEXT} at (540,0) size 717x34
- text run at (540,0) width 177: ", the reference to which is"
- text run at (0,17) width 94: "shown above."
- RenderBlock {P} at (4,52) size 762x34
- RenderText {TEXT} at (0,0) size 479x17
- text run at (0,0) width 479: "This sentence should NOT be underlined due to the linked style sheet "
- RenderInline {CODE} at (0,0) size 104x16
- RenderText {TEXT} at (479,1) size 104x16
- text run at (479,1) width 104: "linktest2.css"
- RenderText {TEXT} at (583,0) size 9x17
- text run at (583,0) width 9: ", "
- RenderInline {STRONG} at (0,0) size 47x17
- RenderText {TEXT} at (592,0) size 47x17
- text run at (592,0) width 47: "unless"
- RenderText {TEXT} at (639,0) size 761x34
- text run at (639,0) width 122: " the external style"
- text run at (0,17) width 392: "sheet \"Alternate SS\" has been selected via the user agent."
- RenderBlock {UL} at (4,100) size 762x51 [color=#FF0000]
- RenderListItem {LI} at (40,0) size 722x17 [color=#008000]
+ RenderTableCell {TD} at (12,26) size 770x338 [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x18
+ RenderText {TEXT} at (0,0) size 404x18
+ text run at (0,0) width 404: "This sentence should be underlined due to the linked style sheet "
+ RenderInline {CODE} at (0,0) size 96x15
+ RenderText {TEXT} at (404,2) size 96x15
+ text run at (404,2) width 96: "linktest.css"
+ RenderText {TEXT} at (500,0) size 254x18
+ text run at (500,0) width 254: ", the reference to which is shown above."
+ RenderBlock {P} at (4,38) size 762x36
+ RenderText {TEXT} at (0,0) size 442x18
+ text run at (0,0) width 442: "This sentence should NOT be underlined due to the linked style sheet "
+ RenderInline {CODE} at (0,0) size 104x15
+ RenderText {TEXT} at (442,2) size 104x15
+ text run at (442,2) width 104: "linktest2.css"
+ RenderText {TEXT} at (546,0) size 8x18
+ text run at (546,0) width 8: ", "
+ RenderInline {STRONG} at (0,0) size 41x18
+ RenderText {TEXT} at (554,0) size 41x18
+ text run at (554,0) width 41: "unless"
+ RenderText {TEXT} at (595,0) size 741x36
+ text run at (595,0) width 146: " the external style sheet"
+ text run at (0,18) width 325: "\"Alternate SS\" has been selected via the user agent."
+ RenderBlock {UL} at (4,90) size 762x54 [color=#FF0000]
+ RenderListItem {LI} at (40,0) size 722x18 [color=#008000]
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 430x17
- text run at (0,0) width 430: "This sentence should be green due to an imported style sheet ["
- RenderInline {CODE} at (0,0) size 208x16
- RenderText {TEXT} at (430,1) size 208x16
- text run at (430,1) width 208: "@import url(imptest1.css);"
- RenderText {TEXT} at (638,0) size 10x17
- text run at (638,0) width 10: "]."
- RenderListItem {LI} at (40,17) size 722x17 [color=#800080]
+ RenderText {TEXT} at (0,0) size 390x18
+ text run at (0,0) width 390: "This sentence should be green due to an imported style sheet ["
+ RenderInline {CODE} at (0,0) size 208x15
+ RenderText {TEXT} at (390,2) size 208x15
+ text run at (390,2) width 208: "@import url(imptest1.css);"
+ RenderText {TEXT} at (598,0) size 9x18
+ text run at (598,0) width 9: "]."
+ RenderListItem {LI} at (40,18) size 722x18 [color=#800080]
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 435x17
- text run at (0,0) width 435: "This sentence should be purple due to an imported style sheet ["
- RenderInline {CODE} at (0,0) size 184x16
- RenderText {TEXT} at (435,1) size 184x16
- text run at (435,1) width 184: "@import \"imptest1a.css\""
- RenderText {TEXT} at (619,0) size 10x17
- text run at (619,0) width 10: "]."
- RenderListItem {LI} at (40,34) size 722x17 [color=#008000]
+ RenderText {TEXT} at (0,0) size 395x18
+ text run at (0,0) width 395: "This sentence should be purple due to an imported style sheet ["
+ RenderInline {CODE} at (0,0) size 184x15
+ RenderText {TEXT} at (395,2) size 184x15
+ text run at (395,2) width 184: "@import \"imptest1a.css\""
+ RenderText {TEXT} at (579,0) size 9x18
+ text run at (579,0) width 9: "]."
+ RenderListItem {LI} at (40,36) size 722x18 [color=#008000]
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 419x17
- text run at (0,0) width 419: "This sentence should be green thanks to the STYLE attribute ["
- RenderInline {CODE} at (0,0) size 168x16
- RenderText {TEXT} at (419,1) size 168x16
- text run at (419,1) width 168: "STYLE=\"color: green;\""
- RenderText {TEXT} at (587,0) size 10x17
- text run at (587,0) width 10: "]."
- RenderBlock {P} at (4,165) size 762x17 [color=#800080]
- RenderText {TEXT} at (0,0) size 553x17
- text run at (0,0) width 553: "This sentence should be purple, and it doesn't have a terminating paragraph tag."
- RenderBlock {OL} at (4,196) size 762x51
- RenderListItem {LI} at (40,0) size 722x17
+ RenderText {TEXT} at (0,0) size 393x18
+ text run at (0,0) width 393: "This sentence should be green thanks to the STYLE attribute ["
+ RenderInline {CODE} at (0,0) size 168x15
+ RenderText {TEXT} at (393,2) size 168x15
+ text run at (393,2) width 168: "STYLE=\"color: green;\""
+ RenderText {TEXT} at (561,0) size 9x18
+ text run at (561,0) width 9: "]."
+ RenderBlock {P} at (4,160) size 762x18 [color=#800080]
+ RenderText {TEXT} at (0,0) size 500x18
+ text run at (0,0) width 500: "This sentence should be purple, and it doesn't have a terminating paragraph tag."
+ RenderBlock {OL} at (4,194) size 762x54
+ RenderListItem {LI} at (40,0) size 722x18
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This list should NOT be purple."
- RenderListItem {LI} at (40,17) size 722x17
+ RenderText {TEXT} at (0,0) size 201x18
+ text run at (0,0) width 201: "This list should NOT be purple."
+ RenderListItem {LI} at (40,18) size 722x18
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 190x17
- text run at (0,0) width 190: "It should, instead, be black."
- RenderListItem {LI} at (40,34) size 722x17
+ RenderText {TEXT} at (0,0) size 172x18
+ text run at (0,0) width 172: "It should, instead, be black."
+ RenderListItem {LI} at (40,36) size 722x18
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 549x17
- text run at (0,0) width 549: "If it IS purple, then the browser hasn't correctly parsed the preceding paragraph."
- RenderBlock {P} at (4,261) size 762x34
- RenderText {TEXT} at (0,0) size 741x34
- text run at (0,0) width 214: "This sentence should be black. "
- text run at (214,0) width 527: "If it is red, then the browser has inappropriately imported the styles from the"
- text run at (0,17) width 26: "file "
- RenderInline {TT} at (0,0) size 96x16
- RenderText {TEXT} at (26,18) size 96x16
- text run at (26,18) width 96: "imptest2.css"
- RenderText {TEXT} at (122,17) size 36x17
- text run at (122,17) width 36: " (see "
- RenderInline {A} at (0,0) size 76x17 [color=#0000FF]
- RenderText {TEXT} at (158,17) size 76x17
- text run at (158,17) width 76: "section 3.0"
- RenderText {TEXT} at (234,17) size 295x17
- text run at (234,17) width 295: " of the CSS1 specification for more details)."
- RenderBlock {P} at (4,309) size 762x17
- RenderText {TEXT} at (0,0) size 222x17
- text run at (0,0) width 222: "This paragraph should be green."
+ RenderText {TEXT} at (0,0) size 501x18
+ text run at (0,0) width 501: "If it IS purple, then the browser hasn't correctly parsed the preceding paragraph."
+ RenderBlock {P} at (4,264) size 762x36
+ RenderText {TEXT} at (0,0) size 697x18
+ text run at (0,0) width 197: "This sentence should be black. "
+ text run at (197,0) width 500: "If it is red, then the browser has inappropriately imported the styles from the file"
+ RenderInline {TT} at (0,0) size 96x15
+ RenderText {TEXT} at (0,20) size 96x15
+ text run at (0,20) width 96: "imptest2.css"
+ RenderText {TEXT} at (96,18) size 33x18
+ text run at (96,18) width 33: " (see "
+ RenderInline {A} at (0,0) size 68x18 [color=#0000FF]
+ RenderText {TEXT} at (129,18) size 68x18
+ text run at (129,18) width 68: "section 3.0"
+ RenderText {TEXT} at (197,18) size 275x18
+ text run at (197,18) width 275: " of the CSS1 specification for more details)."
+ RenderBlock {P} at (4,316) size 762x18
+ RenderText {TEXT} at (0,0) size 203x18
+ text run at (0,0) width 203: "This paragraph should be green."
layer at (0,0) size 800x600
RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x393
- RenderBlock {HTML} at (0,0) size 800x393
- RenderBody {BODY} at (8,8) size 784x377 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x16 [color=#000080] [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 320x16
- text run at (0,0) width 320: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,30) size 784x64 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 472x48
+layer at (0,0) size 800x417
+ RenderBlock {HTML} at (0,0) size 800x417
+ RenderBody {BODY} at (8,8) size 784x401 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x18 [color=#000080] [bgcolor=#000000]
+ 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 784x60 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 472x45
text run at (0,0) width 288: "P {color: navy; font-family: serif;}"
- text run at (0,16) width 472: "HTML BODY TABLE P {color: purple; font-family: sans-serif;}"
- text run at (0,32) width 224: "EM, UL LI LI {color: green;}"
- RenderBlock {HR} at (1,108) size 782x2 [bgcolor=#000000]
- RenderBlock {P} at (0,124) size 784x16 [color=#000080] [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 568x16
- text run at (0,0) width 568: "This sentence should be navy serif in the first half of the page, but purple and sans-serif in the table."
- RenderBlock {P} at (0,154) size 784x16 [color=#000080] [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 505x16
- text run at (0,0) width 505: "This sentence should be normal for its section, except for the last word, which should be "
- RenderInline {EM} at (0,0) size 31x15 [color=#008000]
- RenderText {TEXT} at (505,0) size 31x16
- text run at (505,0) width 31: "green"
- RenderText {TEXT} at (536,0) size 4x16
- text run at (536,0) width 4: "."
- RenderBlock {UL} at (0,184) size 784x34 [bgcolor=#000000]
- RenderListItem {LI} at (40,0) size 744x34
- RenderBlock (anonymous) at (0,0) size 744x17
+ text run at (0,15) width 472: "HTML BODY TABLE P {color: purple; font-family: sans-serif;}"
+ text run at (0,30) width 224: "EM, UL LI LI {color: green;}"
+ RenderBlock {HR} at (1,107) size 782x2 [bgcolor=#000000]
+ RenderBlock {P} at (0,125) size 784x18 [color=#000080] [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 625x18
+ text run at (0,0) width 625: "This sentence should be navy serif in the first half of the page, but purple and sans-serif in the table."
+ RenderBlock {P} at (0,159) size 784x18 [color=#000080] [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 559x18
+ text run at (0,0) width 559: "This sentence should be normal for its section, except for the last word, which should be "
+ RenderInline {EM} at (0,0) size 36x18 [color=#008000]
+ RenderText {TEXT} at (559,0) size 36x18
+ text run at (559,0) width 36: "green"
+ RenderText {TEXT} at (595,0) size 4x18
+ text run at (595,0) width 4: "."
+ RenderBlock {UL} at (0,193) size 784x36 [bgcolor=#000000]
+ RenderListItem {LI} at (40,0) size 744x36
+ RenderBlock (anonymous) at (0,0) size 744x18
RenderListMarker at (0,0) size 0x14
- RenderInline {EM} at (0,0) size 36x16 [color=#008000]
- RenderText {TEXT} at (0,1) size 36x16
- text run at (0,1) width 36: "Hello."
- RenderText {TEXT} at (36,0) size 434x17
- text run at (36,0) width 4: " "
- text run at (40,0) width 430: "The first \"hello\" should be green, but this part should be black."
- RenderBlock {UL} at (0,17) size 744x17
- RenderListItem {LI} at (40,0) size 704x17 [color=#008000]
+ RenderInline {EM} at (0,0) size 39x18 [color=#008000]
+ RenderText {TEXT} at (0,0) size 39x18
+ text run at (0,0) width 39: "Hello."
+ RenderText {TEXT} at (39,0) size 399x18
+ text run at (39,0) width 4: " "
+ text run at (43,0) width 395: "The first \"hello\" should be green, but this part should be black."
+ RenderBlock {UL} at (0,18) size 744x18
+ RenderListItem {LI} at (40,0) size 704x18 [color=#008000]
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 148x17
- text run at (0,0) width 148: "This should be green."
- RenderTable {TABLE} at (0,232) size 712x145 [bgcolor=#000000]
- RenderTableSection {TBODY} at (1,1) size 0x143
+ RenderText {TEXT} at (0,0) size 136x18
+ text run at (0,0) width 136: "This should be green."
+ RenderTable {TABLE} at (0,245) size 722x156 [bgcolor=#000000]
+ RenderTableSection {TBODY} at (1,1) size 0x154
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 710x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
- RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
- RenderText {TEXT} at (4,4) size 164x17
- text run at (4,4) width 164: "TABLE Testing Section"
+ RenderTableCell {TD} at (0,0) size 720x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
+ RenderText {TEXT} at (4,4) size 163x18
+ text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,71) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
- RenderText {TEXT} at (4,4) size 4x17
+ RenderTableCell {TD} at (0,77) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,25) size 698x118 [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 690x17 [color=#800080]
- RenderText {TEXT} at (0,0) size 690x17
- text run at (0,0) width 690: "This sentence should be navy serif in the first half of the page, but purple and sans-serif in the table."
- RenderBlock {P} at (4,35) size 690x17 [color=#800080]
- RenderText {TEXT} at (0,0) size 611x17
- text run at (0,0) width 611: "This sentence should be normal for its section, except for the last word, which should be "
- RenderInline {EM} at (0,0) size 37x16 [color=#008000]
- RenderText {TEXT} at (611,1) size 37x16
- text run at (611,1) width 37: "green"
- RenderText {TEXT} at (648,0) size 5x17
- text run at (648,0) width 5: "."
- RenderBlock {UL} at (4,66) size 690x34
- RenderListItem {LI} at (40,0) size 650x34
- RenderBlock (anonymous) at (0,0) size 650x17
+ RenderTableCell {TD} at (12,26) size 708x128 [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 700x18 [color=#800080]
+ RenderText {TEXT} at (0,0) size 700x18
+ text run at (0,0) width 700: "This sentence should be navy serif in the first half of the page, but purple and sans-serif in the table."
+ RenderBlock {P} at (4,38) size 700x18 [color=#800080]
+ RenderText {TEXT} at (0,0) size 623x18
+ text run at (0,0) width 623: "This sentence should be normal for its section, except for the last word, which should be "
+ RenderInline {EM} at (0,0) size 41x18 [color=#008000]
+ RenderText {TEXT} at (623,0) size 41x18
+ text run at (623,0) width 41: "green"
+ RenderText {TEXT} at (664,0) size 4x18
+ text run at (664,0) width 4: "."
+ RenderBlock {UL} at (4,72) size 700x36
+ RenderListItem {LI} at (40,0) size 660x36
+ RenderBlock (anonymous) at (0,0) size 660x18
RenderListMarker at (0,0) size 0x14
- RenderInline {EM} at (0,0) size 36x16 [color=#008000]
- RenderText {TEXT} at (0,1) size 36x16
- text run at (0,1) width 36: "Hello."
- RenderText {TEXT} at (36,0) size 434x17
- text run at (36,0) width 4: " "
- text run at (40,0) width 430: "The first \"hello\" should be green, but this part should be black."
- RenderBlock {UL} at (0,17) size 650x17
- RenderListItem {LI} at (40,0) size 610x17 [color=#008000]
+ RenderInline {EM} at (0,0) size 39x18 [color=#008000]
+ RenderText {TEXT} at (0,0) size 39x18
+ text run at (0,0) width 39: "Hello."
+ RenderText {TEXT} at (39,0) size 399x18
+ text run at (39,0) width 4: " "
+ text run at (43,0) width 395: "The first \"hello\" should be green, but this part should be black."
+ RenderBlock {UL} at (0,18) size 660x18
+ RenderListItem {LI} at (40,0) size 620x18 [color=#008000]
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 148x17
- text run at (0,0) width 148: "This should be green."
+ RenderText {TEXT} at (0,0) size 136x18
+ text run at (0,0) width 136: "This should be green."
layer at (0,0) size 800x600
RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x316
- RenderBlock {HTML} at (0,0) size 800x316
- RenderBody {BODY} at (8,8) size 784x300 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 385x17
- text run at (0,0) width 385: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,31) size 784x32 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 272x16
+layer at (0,0) size 800x335
+ RenderBlock {HTML} at (0,0) size 800x335
+ RenderBody {BODY} at (8,8) size 784x319 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x18 [bgcolor=#000000]
+ 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 784x30 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 272x15
text run at (0,0) width 272: ".one, .two, .three {color: green;}"
RenderBlock {HR} at (1,77) size 782x2 [bgcolor=#000000]
- RenderBlock {P} at (0,93) size 784x17 [color=#008000] [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This sentence should be green."
- RenderBlock {P} at (0,124) size 784x17 [color=#008000] [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This sentence should be green."
- RenderBlock {P} at (0,155) size 784x17 [color=#008000] [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This sentence should be green."
- RenderTable {TABLE} at (0,186) size 235x114 [bgcolor=#000000]
- RenderTableSection {TBODY} at (1,1) size 0x112
+ RenderBlock {P} at (0,95) size 784x18 [color=#008000] [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 194x18
+ text run at (0,0) width 194: "This sentence should be green."
+ RenderBlock {P} at (0,129) size 784x18 [color=#008000] [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 194x18
+ text run at (0,0) width 194: "This sentence should be green."
+ RenderBlock {P} at (0,163) size 784x18 [color=#008000] [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 194x18
+ text run at (0,0) width 194: "This sentence should be green."
+ RenderTable {TABLE} at (0,197) size 216x122 [bgcolor=#000000]
+ RenderTableSection {TBODY} at (1,1) size 0x120
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 233x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
- RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
- RenderText {TEXT} at (4,4) size 164x17
- text run at (4,4) width 164: "TABLE Testing Section"
+ RenderTableCell {TD} at (0,0) size 214x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
+ RenderText {TEXT} at (4,4) size 163x18
+ text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,56) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
- RenderText {TEXT} at (4,4) size 4x17
+ RenderTableCell {TD} at (0,60) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,25) size 221x87 [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 213x17 [color=#008000]
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This sentence should be green."
- RenderBlock {P} at (4,35) size 213x17 [color=#008000]
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This sentence should be green."
- RenderBlock {P} at (4,66) size 213x17 [color=#008000]
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This sentence should be green."
+ RenderTableCell {TD} at (12,26) size 202x94 [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 194x18 [color=#008000]
+ RenderText {TEXT} at (0,0) size 194x18
+ text run at (0,0) width 194: "This sentence should be green."
+ RenderBlock {P} at (4,38) size 194x18 [color=#008000]
+ RenderText {TEXT} at (0,0) size 194x18
+ text run at (0,0) width 194: "This sentence should be green."
+ RenderBlock {P} at (4,72) size 194x18 [color=#008000]
+ RenderText {TEXT} at (0,0) size 194x18
+ text run at (0,0) width 194: "This sentence should be green."
-layer at (0,0) size 800x608
+layer at (0,0) size 800x627
RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x608
- RenderBlock {HTML} at (0,0) size 800x608
- RenderBody {BODY} at (8,8) size 784x592 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 385x17
- text run at (0,0) width 385: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,31) size 784x128 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 272x128
+layer at (0,0) size 800x627
+ RenderBlock {HTML} at (0,0) size 800x627
+ RenderBody {BODY} at (8,8) size 784x611 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x18 [bgcolor=#000000]
+ 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 784x120 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 272x120
text run at (0,0) width 160: "#one {color: green;}"
- text run at (0,16) width 152: "#a1 {color: green;}"
- text run at (0,32) width 224: "P#two, P#two2 {color: blue;}"
- text run at (0,48) width 272: "P#three, P#three2 {color: purple;}"
- text run at (0,64) width 168: "#four {color: green;}"
- text run at (0,80) width 152: "#a2 {color: green;}"
- text run at (0,96) width 240: "P#five, P#five2 {color: blue;}"
- text run at (0,112) width 240: "P#six, P#six2 {color: purple;}"
- RenderBlock {HR} at (1,173) size 782x2 [bgcolor=#000000]
- RenderBlock {P} at (0,189) size 784x17 [color=#008000] [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This sentence should be green."
- RenderBlock {P} at (0,220) size 784x17 [color=#008000] [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This sentence should be green."
- RenderBlock {P} at (0,251) size 784x17 [color=#0000FF] [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 217x17
- text run at (0,0) width 217: "This paragraph should be blue ["
- RenderInline {TT} at (0,0) size 64x16
- RenderText {TEXT} at (217,1) size 64x16
- text run at (217,1) width 64: "ID=\"two\""
- RenderText {TEXT} at (281,0) size 10x17
- text run at (281,0) width 10: "]."
- RenderBlock {PRE} at (0,282) size 784x16 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 392x16
+ text run at (0,15) width 152: "#a1 {color: green;}"
+ text run at (0,30) width 224: "P#two, P#two2 {color: blue;}"
+ text run at (0,45) width 272: "P#three, P#three2 {color: purple;}"
+ text run at (0,60) width 168: "#four {color: green;}"
+ text run at (0,75) width 152: "#a2 {color: green;}"
+ text run at (0,90) width 240: "P#five, P#five2 {color: blue;}"
+ text run at (0,105) width 240: "P#six, P#six2 {color: purple;}"
+ RenderBlock {HR} at (1,167) size 782x2 [bgcolor=#000000]
+ RenderBlock {P} at (0,185) size 784x18 [color=#008000] [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 194x18
+ text run at (0,0) width 194: "This sentence should be green."
+ RenderBlock {P} at (0,219) size 784x18 [color=#008000] [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 194x18
+ text run at (0,0) width 194: "This sentence should be green."
+ RenderBlock {P} at (0,253) size 784x18 [color=#0000FF] [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 200x18
+ text run at (0,0) width 200: "This paragraph should be blue ["
+ RenderInline {TT} at (0,0) size 64x15
+ RenderText {TEXT} at (200,2) size 64x15
+ text run at (200,2) width 64: "ID=\"two\""
+ RenderText {TEXT} at (264,0) size 9x18
+ text run at (264,0) width 9: "]."
+ RenderBlock {PRE} at (0,287) size 784x15 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 392x15
text run at (0,0) width 392: "This sentence should NOT be blue [PRE ID=\"two2\"]."
- RenderBlock {PRE} at (0,312) size 784x16 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 472x16
+ RenderBlock {PRE} at (0,315) size 784x15 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 472x15
text run at (0,0) width 472: "This sentence should be black, not purple [PRE ID=\"three\"]."
- RenderBlock {UL} at (0,342) size 784x17 [bgcolor=#000000]
- RenderListItem {LI} at (40,0) size 744x17
+ RenderBlock {UL} at (0,346) size 784x18 [bgcolor=#000000]
+ RenderListItem {LI} at (40,0) size 744x18
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 253x17
- text run at (0,0) width 253: "This sentence should NOT be purple."
- RenderTable {TABLE} at (0,373) size 422x219 [bgcolor=#000000]
- RenderTableSection {TBODY} at (1,1) size 0x217
+ RenderText {TEXT} at (0,0) size 237x18
+ text run at (0,0) width 237: "This sentence should NOT be purple."
+ RenderTable {TABLE} at (0,380) size 422x231 [bgcolor=#000000]
+ RenderTableSection {TBODY} at (1,1) size 0x229
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 420x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
- RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
- RenderText {TEXT} at (4,4) size 164x17
- text run at (4,4) width 164: "TABLE Testing Section"
+ RenderTableCell {TD} at (0,0) size 420x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
+ RenderText {TEXT} at (4,4) size 163x18
+ text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,108) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
- RenderText {TEXT} at (4,4) size 4x17
+ RenderTableCell {TD} at (0,114) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,25) size 408x192 [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 400x17 [color=#008000]
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This sentence should be green."
- RenderBlock {P} at (4,35) size 400x17 [color=#008000]
- RenderText {TEXT} at (0,0) size 213x17
- text run at (0,0) width 213: "This sentence should be green."
- RenderBlock {P} at (4,66) size 400x17 [color=#0000FF]
- RenderText {TEXT} at (0,0) size 217x17
- text run at (0,0) width 217: "This paragraph should be blue ["
- RenderInline {TT} at (0,0) size 72x16
- RenderText {TEXT} at (217,1) size 72x16
- text run at (217,1) width 72: "ID=\"five\""
- RenderText {TEXT} at (289,0) size 10x17
- text run at (289,0) width 10: "]."
- RenderBlock {PRE} at (4,97) size 400x16
- RenderText {TEXT} at (0,0) size 400x16
+ RenderTableCell {TD} at (12,26) size 408x203 [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 400x18 [color=#008000]
+ RenderText {TEXT} at (0,0) size 194x18
+ text run at (0,0) width 194: "This sentence should be green."
+ RenderBlock {P} at (4,38) size 400x18 [color=#008000]
+ RenderText {TEXT} at (0,0) size 194x18
+ text run at (0,0) width 194: "This sentence should be green."
+ RenderBlock {P} at (4,72) size 400x18 [color=#0000FF]
+ RenderText {TEXT} at (0,0) size 200x18
+ text run at (0,0) width 200: "This paragraph should be blue ["
+ RenderInline {TT} at (0,0) size 72x15
+ RenderText {TEXT} at (200,2) size 72x15
+ text run at (200,2) width 72: "ID=\"five\""
+ RenderText {TEXT} at (272,0) size 9x18
+ text run at (272,0) width 9: "]."
+ RenderBlock {PRE} at (4,106) size 400x15
+ RenderText {TEXT} at (0,0) size 400x15
text run at (0,0) width 400: "This sentence should NOT be blue [PRE ID=\"five2\"]."
- RenderBlock {PRE} at (4,127) size 400x16
- RenderText {TEXT} at (0,0) size 360x16
+ RenderBlock {PRE} at (4,134) size 400x15
+ RenderText {TEXT} at (0,0) size 360x15
text run at (0,0) width 360: "This sentence should be black [PRE ID=\"six\"]."
- RenderBlock {UL} at (4,157) size 400x17
- RenderListItem {LI} at (40,0) size 360x17
+ RenderBlock {UL} at (4,165) size 400x18
+ RenderListItem {LI} at (40,0) size 360x18
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 253x17
- text run at (0,0) width 253: "This sentence should NOT be purple."
+ RenderText {TEXT} at (0,0) size 237x18
+ text run at (0,0) width 237: "This sentence should NOT be purple."
-layer at (0,0) size 800x672
+layer at (0,0) size 800x724
RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x672
- RenderBlock {HTML} at (0,0) size 800x672
- RenderBody {BODY} at (8,8) size 784x656 [color=#008000] [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 385x17
- text run at (0,0) width 385: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,31) size 784x112 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 272x112
+layer at (0,0) size 800x724
+ RenderBlock {HTML} at (0,0) size 800x724
+ RenderBody {BODY} at (8,8) size 784x708 [color=#008000] [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x18 [bgcolor=#000000]
+ 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 784x105 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 272x105
text run at (0,0) width 160: "BODY {color: green;}"
- text run at (0,16) width 136: "H3 {color: blue;}"
- text run at (0,32) width 152: "EM {color: purple;}"
- text run at (0,48) width 208: ".one {font-style: italic;}"
- text run at (0,64) width 272: ".two {text-decoration: underline;}"
- text run at (0,80) width 152: "#two {color: navy;}"
- text run at (0,96) width 184: ".three {color: purple;}"
- RenderBlock {HR} at (1,157) size 782x2 [bgcolor=#000000]
- RenderBlock {H3} at (0,175) size 784x19 [color=#0000FF] [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 231x18
- text run at (0,0) width 231: "This sentence should show "
- RenderInline {STRONG} at (0,0) size 36x18
- RenderText {TEXT} at (231,0) size 36x18
- text run at (231,0) width 36: "blue"
- RenderText {TEXT} at (267,0) size 41x18
- text run at (267,0) width 41: " and "
- RenderInline {EM} at (0,0) size 49x18 [color=#800080]
- RenderText {TEXT} at (308,1) size 49x18
- text run at (308,1) width 49: "purple"
- RenderText {TEXT} at (357,0) size 4x18
- text run at (357,0) width 4: "."
- RenderBlock {H3} at (0,210) size 784x19 [color=#0000FF] [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 207x18
- text run at (0,0) width 207: "This sentence should be "
- RenderInline {SPAN} at (0,0) size 33x18
- RenderText {TEXT} at (207,1) size 33x18
- text run at (207,1) width 33: "blue"
- RenderText {TEXT} at (240,0) size 103x18
- text run at (240,0) width 103: " throughout."
- RenderBlock {P} at (0,245) size 784x17 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 247x17
- text run at (0,0) width 247: "This should be green except for the "
- RenderInline {EM} at (0,0) size 119x16 [color=#800080]
- RenderText {TEXT} at (247,1) size 119x16
- text run at (247,1) width 119: "emphasized words"
- RenderText {TEXT} at (366,0) size 173x17
- text run at (366,0) width 173: ", which should be purple."
- RenderBlock {H3} at (0,278) size 784x18 [color=#0000FF] [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 299x18
- text run at (0,0) width 299: "This should be blue and underlined."
- RenderBlock {P} at (0,312) size 784x17 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 319x17
- text run at (0,0) width 319: "This sentence should be underlined, including "
- RenderInline {TT} at (0,0) size 72x16
- RenderText {TEXT} at (319,1) size 72x16
- text run at (319,1) width 72: "this part"
- RenderText {TEXT} at (391,0) size 9x17
- text run at (391,0) width 9: ", "
- RenderInline {I} at (0,0) size 51x16
- RenderText {TEXT} at (400,1) size 51x16
- text run at (400,1) width 51: "this part"
- RenderText {TEXT} at (451,0) size 9x17
- text run at (451,0) width 9: ", "
- RenderInline {EM} at (0,0) size 51x16 [color=#800080]
- RenderText {TEXT} at (460,1) size 51x16
- text run at (460,1) width 51: "this part"
- RenderText {TEXT} at (511,0) size 39x17
- text run at (511,0) width 39: ", and "
- RenderInline {STRONG} at (0,0) size 63x17
- RenderText {TEXT} at (550,0) size 63x17
- text run at (550,0) width 63: "this part"
- RenderText {TEXT} at (613,0) size 5x17
- text run at (613,0) width 5: "."
- RenderBlock {P} at (0,343) size 784x17 [color=#000080] [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 472x17
- text run at (0,0) width 472: "This sentence should also be underlined, as well as dark blue (navy), "
- RenderInline {TT} at (0,0) size 152x16
- RenderText {TEXT} at (472,1) size 152x16
- text run at (472,1) width 152: "including this part"
- RenderText {TEXT} at (624,0) size 5x17
- text run at (624,0) width 5: "."
- RenderBlock {P} at (0,374) size 784x17 [color=#800080] [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 289x17
- text run at (0,0) width 289: "This sentence should be purple, including "
- RenderInline {STRONG} at (0,0) size 63x17
- RenderText {TEXT} at (289,0) size 63x17
- text run at (289,0) width 63: "this part"
- RenderText {TEXT} at (352,0) size 34x17
- text run at (352,0) width 34: " and "
- RenderInline {SPAN} at (0,0) size 189x17
- RenderText {TEXT} at (386,0) size 189x17
- text run at (386,0) width 189: "this part (which is spanned)"
- RenderText {TEXT} at (575,0) size 5x17
- text run at (575,0) width 5: "."
- RenderTable {TABLE} at (0,405) size 651x251 [bgcolor=#000000]
- RenderTableSection {TBODY} at (1,1) size 0x249
+ text run at (0,15) width 136: "H3 {color: blue;}"
+ text run at (0,30) width 152: "EM {color: purple;}"
+ text run at (0,45) width 208: ".one {font-style: italic;}"
+ text run at (0,60) width 272: ".two {text-decoration: underline;}"
+ text run at (0,75) width 152: "#two {color: navy;}"
+ text run at (0,90) width 184: ".three {color: purple;}"
+ RenderBlock {HR} at (1,152) size 782x2 [bgcolor=#000000]
+ RenderBlock {H3} at (0,172) size 784x22 [color=#0000FF] [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 220x22
+ text run at (0,0) width 220: "This sentence should show "
+ RenderInline {STRONG} at (0,0) size 35x22
+ RenderText {TEXT} at (220,0) size 35x22
+ text run at (220,0) width 35: "blue"
+ RenderText {TEXT} at (255,0) size 42x22
+ text run at (255,0) width 42: " and "
+ RenderInline {EM} at (0,0) size 51x22 [color=#800080]
+ RenderText {TEXT} at (297,0) size 51x22
+ text run at (297,0) width 51: "purple"
+ RenderText {TEXT} at (348,0) size 5x22
+ text run at (348,0) width 5: "."
+ RenderBlock {H3} at (0,212) size 784x22 [color=#0000FF] [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 197x22
+ text run at (0,0) width 197: "This sentence should be "
+ RenderInline {SPAN} at (0,0) size 34x22
+ RenderText {TEXT} at (197,0) size 34x22
+ text run at (197,0) width 34: "blue"
+ RenderText {TEXT} at (231,0) size 104x22
+ text run at (231,0) width 104: " throughout."
+ RenderBlock {P} at (0,252) size 784x18 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 226x18
+ text run at (0,0) width 226: "This should be green except for the "
+ RenderInline {EM} at (0,0) size 117x18 [color=#800080]
+ RenderText {TEXT} at (226,0) size 117x18
+ text run at (226,0) width 117: "emphasized words"
+ RenderText {TEXT} at (343,0) size 160x18
+ text run at (343,0) width 160: ", which should be purple."
+ RenderBlock {H3} at (0,288) size 784x22 [color=#0000FF] [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 296x22
+ text run at (0,0) width 296: "This should be blue and underlined."
+ RenderBlock {P} at (0,328) size 784x18 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 293x18
+ text run at (0,0) width 293: "This sentence should be underlined, including "
+ RenderInline {TT} at (0,0) size 72x15
+ RenderText {TEXT} at (293,2) size 72x15
+ text run at (293,2) width 72: "this part"
+ RenderText {TEXT} at (365,0) size 8x18
+ text run at (365,0) width 8: ", "
+ RenderInline {I} at (0,0) size 52x18
+ RenderText {TEXT} at (373,0) size 52x18
+ text run at (373,0) width 52: "this part"
+ RenderText {TEXT} at (425,0) size 8x18
+ text run at (425,0) width 8: ", "
+ RenderInline {EM} at (0,0) size 52x18 [color=#800080]
+ RenderText {TEXT} at (433,0) size 52x18
+ text run at (433,0) width 52: "this part"
+ RenderText {TEXT} at (485,0) size 35x18
+ text run at (485,0) width 35: ", and "
+ RenderInline {STRONG} at (0,0) size 57x18
+ RenderText {TEXT} at (520,0) size 57x18
+ text run at (520,0) width 57: "this part"
+ RenderText {TEXT} at (577,0) size 4x18
+ text run at (577,0) width 4: "."
+ RenderBlock {P} at (0,362) size 784x18 [color=#000080] [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 436x18
+ text run at (0,0) width 436: "This sentence should also be underlined, as well as dark blue (navy), "
+ RenderInline {TT} at (0,0) size 152x15
+ RenderText {TEXT} at (436,2) size 152x15
+ text run at (436,2) width 152: "including this part"
+ RenderText {TEXT} at (588,0) size 4x18
+ text run at (588,0) width 4: "."
+ RenderBlock {P} at (0,396) size 784x18 [color=#800080] [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 266x18
+ text run at (0,0) width 266: "This sentence should be purple, including "
+ RenderInline {STRONG} at (0,0) size 57x18
+ RenderText {TEXT} at (266,0) size 57x18
+ text run at (266,0) width 57: "this part"
+ RenderText {TEXT} at (323,0) size 31x18
+ text run at (323,0) width 31: " and "
+ RenderInline {SPAN} at (0,0) size 173x18
+ RenderText {TEXT} at (354,0) size 173x18
+ text run at (354,0) width 173: "this part (which is spanned)"
+ RenderText {TEXT} at (527,0) size 4x18
+ text run at (527,0) width 4: "."
+ RenderTable {TABLE} at (0,430) size 614x278 [bgcolor=#000000]
+ RenderTableSection {TBODY} at (1,1) size 0x276
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 649x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
- RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
- RenderText {TEXT} at (4,4) size 164x17
- text run at (4,4) width 164: "TABLE Testing Section"
+ RenderTableCell {TD} at (0,0) size 612x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
+ RenderText {TEXT} at (4,4) size 163x18
+ text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,124) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
- RenderText {TEXT} at (4,4) size 4x17
+ RenderTableCell {TD} at (0,138) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,25) size 637x224 [r=1 c=1 rs=1 cs=1]
- RenderBlock {H3} at (4,4) size 629x19 [color=#0000FF]
- RenderText {TEXT} at (0,0) size 231x18
- text run at (0,0) width 231: "This sentence should show "
- RenderInline {STRONG} at (0,0) size 36x18
- RenderText {TEXT} at (231,0) size 36x18
- text run at (231,0) width 36: "blue"
- RenderText {TEXT} at (267,0) size 41x18
- text run at (267,0) width 41: " and "
- RenderInline {EM} at (0,0) size 49x18 [color=#800080]
- RenderText {TEXT} at (308,1) size 49x18
- text run at (308,1) width 49: "purple"
- RenderText {TEXT} at (357,0) size 4x18
- text run at (357,0) width 4: "."
- RenderBlock {H3} at (4,39) size 629x19 [color=#0000FF]
- RenderText {TEXT} at (0,0) size 207x18
- text run at (0,0) width 207: "This sentence should be "
- RenderInline {SPAN} at (0,0) size 33x18
- RenderText {TEXT} at (207,1) size 33x18
- text run at (207,1) width 33: "blue"
- RenderText {TEXT} at (240,0) size 103x18
- text run at (240,0) width 103: " throughout."
- RenderBlock {P} at (4,74) size 629x17
- RenderText {TEXT} at (0,0) size 247x17
- text run at (0,0) width 247: "This should be green except for the "
- RenderInline {EM} at (0,0) size 119x16 [color=#800080]
- RenderText {TEXT} at (247,1) size 119x16
- text run at (247,1) width 119: "emphasized words"
- RenderText {TEXT} at (366,0) size 173x17
- text run at (366,0) width 173: ", which should be purple."
- RenderBlock {H3} at (4,107) size 629x18 [color=#0000FF]
- RenderText {TEXT} at (0,0) size 299x18
- text run at (0,0) width 299: "This should be blue and underlined."
- RenderBlock {P} at (4,141) size 629x17
- RenderText {TEXT} at (0,0) size 319x17
- text run at (0,0) width 319: "This sentence should be underlined, including "
- RenderInline {TT} at (0,0) size 72x16
- RenderText {TEXT} at (319,1) size 72x16
- text run at (319,1) width 72: "this part"
- RenderText {TEXT} at (391,0) size 9x17
- text run at (391,0) width 9: ", "
- RenderInline {I} at (0,0) size 51x16
- RenderText {TEXT} at (400,1) size 51x16
- text run at (400,1) width 51: "this part"
- RenderText {TEXT} at (451,0) size 9x17
- text run at (451,0) width 9: ", "
- RenderInline {EM} at (0,0) size 51x16 [color=#800080]
- RenderText {TEXT} at (460,1) size 51x16
- text run at (460,1) width 51: "this part"
- RenderText {TEXT} at (511,0) size 39x17
- text run at (511,0) width 39: ", and "
- RenderInline {STRONG} at (0,0) size 63x17
- RenderText {TEXT} at (550,0) size 63x17
- text run at (550,0) width 63: "this part"
- RenderText {TEXT} at (613,0) size 5x17
- text run at (613,0) width 5: "."
- RenderBlock {P} at (4,172) size 629x17 [color=#000080]
- RenderText {TEXT} at (0,0) size 472x17
- text run at (0,0) width 472: "This sentence should also be underlined, as well as dark blue (navy), "
- RenderInline {TT} at (0,0) size 152x16
- RenderText {TEXT} at (472,1) size 152x16
- text run at (472,1) width 152: "including this part"
- RenderText {TEXT} at (624,0) size 5x17
- text run at (624,0) width 5: "."
- RenderBlock {P} at (4,203) size 629x17 [color=#800080]
- RenderText {TEXT} at (0,0) size 289x17
- text run at (0,0) width 289: "This sentence should be purple, including "
- RenderInline {STRONG} at (0,0) size 63x17
- RenderText {TEXT} at (289,0) size 63x17
- text run at (289,0) width 63: "this part"
- RenderText {TEXT} at (352,0) size 34x17
- text run at (352,0) width 34: " and "
- RenderInline {SPAN} at (0,0) size 189x17
- RenderText {TEXT} at (386,0) size 189x17
- text run at (386,0) width 189: "this part (which is spanned)"
- RenderText {TEXT} at (575,0) size 5x17
- text run at (575,0) width 5: "."
+ RenderTableCell {TD} at (12,26) size 600x250 [r=1 c=1 rs=1 cs=1]
+ RenderBlock {H3} at (4,4) size 592x22 [color=#0000FF]
+ RenderText {TEXT} at (0,0) size 220x22
+ text run at (0,0) width 220: "This sentence should show "
+ RenderInline {STRONG} at (0,0) size 35x22
+ RenderText {TEXT} at (220,0) size 35x22
+ text run at (220,0) width 35: "blue"
+ RenderText {TEXT} at (255,0) size 42x22
+ text run at (255,0) width 42: " and "
+ RenderInline {EM} at (0,0) size 51x22 [color=#800080]
+ RenderText {TEXT} at (297,0) size 51x22
+ text run at (297,0) width 51: "purple"
+ RenderText {TEXT} at (348,0) size 5x22
+ text run at (348,0) width 5: "."
+ RenderBlock {H3} at (4,44) size 592x22 [color=#0000FF]
+ RenderText {TEXT} at (0,0) size 197x22
+ text run at (0,0) width 197: "This sentence should be "
+ RenderInline {SPAN} at (0,0) size 34x22
+ RenderText {TEXT} at (197,0) size 34x22
+ text run at (197,0) width 34: "blue"
+ RenderText {TEXT} at (231,0) size 104x22
+ text run at (231,0) width 104: " throughout."
+ RenderBlock {P} at (4,84) size 592x18
+ RenderText {TEXT} at (0,0) size 226x18
+ text run at (0,0) width 226: "This should be green except for the "
+ RenderInline {EM} at (0,0) size 117x18 [color=#800080]
+ RenderText {TEXT} at (226,0) size 117x18
+ text run at (226,0) width 117: "emphasized words"
+ RenderText {TEXT} at (343,0) size 160x18
+ text run at (343,0) width 160: ", which should be purple."
+ RenderBlock {H3} at (4,120) size 592x22 [color=#0000FF]
+ RenderText {TEXT} at (0,0) size 296x22
+ text run at (0,0) width 296: "This should be blue and underlined."
+ RenderBlock {P} at (4,160) size 592x18
+ RenderText {TEXT} at (0,0) size 293x18
+ text run at (0,0) width 293: "This sentence should be underlined, including "
+ RenderInline {TT} at (0,0) size 72x15
+ RenderText {TEXT} at (293,2) size 72x15
+ text run at (293,2) width 72: "this part"
+ RenderText {TEXT} at (365,0) size 8x18
+ text run at (365,0) width 8: ", "
+ RenderInline {I} at (0,0) size 52x18
+ RenderText {TEXT} at (373,0) size 52x18
+ text run at (373,0) width 52: "this part"
+ RenderText {TEXT} at (425,0) size 8x18
+ text run at (425,0) width 8: ", "
+ RenderInline {EM} at (0,0) size 52x18 [color=#800080]
+ RenderText {TEXT} at (433,0) size 52x18
+ text run at (433,0) width 52: "this part"
+ RenderText {TEXT} at (485,0) size 35x18
+ text run at (485,0) width 35: ", and "
+ RenderInline {STRONG} at (0,0) size 57x18
+ RenderText {TEXT} at (520,0) size 57x18
+ text run at (520,0) width 57: "this part"
+ RenderText {TEXT} at (577,0) size 4x18
+ text run at (577,0) width 4: "."
+ RenderBlock {P} at (4,194) size 592x18 [color=#000080]
+ RenderText {TEXT} at (0,0) size 436x18
+ text run at (0,0) width 436: "This sentence should also be underlined, as well as dark blue (navy), "
+ RenderInline {TT} at (0,0) size 152x15
+ RenderText {TEXT} at (436,2) size 152x15
+ text run at (436,2) width 152: "including this part"
+ RenderText {TEXT} at (588,0) size 4x18
+ text run at (588,0) width 4: "."
+ RenderBlock {P} at (4,228) size 592x18 [color=#800080]
+ RenderText {TEXT} at (0,0) size 266x18
+ text run at (0,0) width 266: "This sentence should be purple, including "
+ RenderInline {STRONG} at (0,0) size 57x18
+ RenderText {TEXT} at (266,0) size 57x18
+ text run at (266,0) width 57: "this part"
+ RenderText {TEXT} at (323,0) size 31x18
+ text run at (323,0) width 31: " and "
+ RenderInline {SPAN} at (0,0) size 173x18
+ RenderText {TEXT} at (354,0) size 173x18
+ text run at (354,0) width 173: "this part (which is spanned)"
+ RenderText {TEXT} at (527,0) size 4x18
+ text run at (527,0) width 4: "."
-layer at (0,0) size 800x1358
+layer at (0,0) size 800x1378
RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x1358
- RenderBlock {HTML} at (0,0) size 800x1358
- RenderBody {BODY} at (8,8) size 784x1342 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 385x17
- text run at (0,0) width 385: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,31) size 784x144 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 272x144
+layer at (0,0) size 800x1378
+ RenderBlock {HTML} at (0,0) size 800x1378
+ RenderBody {BODY} at (8,8) size 784x1362 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x18 [bgcolor=#000000]
+ 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 784x135 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 272x135
text run at (0,0) width 272: ".one {border: medium black solid;}"
- text run at (0,16) width 264: ".two {border: thin maroon ridge;}"
- text run at (0,32) width 144: ".three {border: 10"
- text run at (144,32) width 128: "px teal outset;}"
- text run at (0,48) width 136: ".four {border: 10"
- text run at (136,48) width 128: "px olive inset;}"
- text run at (0,64) width 136: ".five {border: 10"
- text run at (136,64) width 88: "px maroon;}"
- text run at (0,80) width 232: ".six {border: maroon double;}"
- text run at (0,96) width 256: ".seven {border: left red solid;}"
- text run at (0,112) width 136: ".eight {border: 0"
- text run at (136,112) width 32: "px;}"
- text run at (0,128) width 104: "TD {border: 2"
- text run at (104,128) width 128: "px solid green;}"
- RenderBlock {HR} at (1,189) size 782x2 [bgcolor=#000000]
- RenderBlock {P} at (0,205) size 784x34 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 767x34
- text run at (0,0) width 688: "Note that all table cells on this page should have a two-pixel solid green border along all four sides. "
- text run at (688,0) width 79: "This border"
- text run at (0,17) width 399: "applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (0,253) size 784x23 [bgcolor=#000000]
- RenderText {TEXT} at (3,3) size 522x17
- text run at (3,3) width 522: "This paragraph should have a medium black solid border all the way around."
- RenderBlock {P} at (0,290) size 784x19 [bgcolor=#000000]
- RenderText {TEXT} at (1,1) size 521x17
- text run at (1,1) width 521: "This paragraph should have a thin maroon ridged border all the way around."
- RenderBlock {P} at (0,323) size 784x37 [bgcolor=#000000]
- RenderText {TEXT} at (10,10) size 568x17
- text run at (10,10) width 568: "This paragraph should have a ten-pixel-wide teal outset border all the way around."
- RenderBlock {P} at (0,374) size 784x37 [bgcolor=#000000]
- RenderText {TEXT} at (10,10) size 565x17
- text run at (10,10) width 565: "This paragraph should have a ten-pixel-wide olive inset border all the way around."
- RenderBlock {P} at (0,425) size 784x34 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 382x17
- text run at (0,0) width 382: "This paragraph should have no border around it, as the "
- RenderInline {TT} at (0,0) size 96x16
- RenderText {TEXT} at (382,1) size 96x16
- text run at (382,1) width 96: "border-style"
- RenderText {TEXT} at (478,0) size 768x34
- text run at (478,0) width 290: " was not set, and it should not be offset in"
- text run at (0,17) width 59: "any way."
- RenderBlock {P} at (0,473) size 784x40 [bgcolor=#000000]
- RenderText {TEXT} at (3,3) size 584x17
- text run at (3,3) width 584: "This paragraph should have a medium maroon double border around it, even though "
- RenderInline {CODE} at (0,0) size 96x16
- RenderText {TEXT} at (587,4) size 96x16
- text run at (587,4) width 96: "border-width"
- RenderText {TEXT} at (683,3) size 737x34
- text run at (683,3) width 57: " was not"
- text run at (3,20) width 92: "explicitly set."
- RenderBlock {P} at (0,527) size 784x17 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 681x17
- text run at (0,0) width 681: "This paragraph should have no border around it, as its declaration is invalid and should be ignored."
- RenderBlock {P} at (0,558) size 784x35 [bgcolor=#000000]
- RenderInline {A} at (0,0) size 26x17
- RenderText {TEXT} at (0,0) size 26x17
- text run at (0,0) width 26: "The"
- RenderText {TEXT} at (26,0) size 736x35
- text run at (26,0) width 710: " following image is also an anchor which points to a target on this page, but it should not have a border"
- text run at (0,18) width 72: "around it: "
- RenderInline {A} at (0,0) size 15x17 [color=#0000FF]
- RenderImage {IMG} at (72,17) size 15x15
- RenderText {TEXT} at (87,18) size 5x17
- text run at (87,18) width 5: "."
- RenderTable {TABLE} at (0,607) size 784x109 [bgcolor=#000000]
- RenderTableSection {TBODY} at (1,1) size 0x107
+ text run at (0,15) width 264: ".two {border: thin maroon ridge;}"
+ text run at (0,30) width 144: ".three {border: 10"
+ text run at (144,30) width 128: "px teal outset;}"
+ text run at (0,45) width 136: ".four {border: 10"
+ text run at (136,45) width 128: "px olive inset;}"
+ text run at (0,60) width 136: ".five {border: 10"
+ text run at (136,60) width 88: "px maroon;}"
+ text run at (0,75) width 232: ".six {border: maroon double;}"
+ text run at (0,90) width 256: ".seven {border: left red solid;}"
+ text run at (0,105) width 136: ".eight {border: 0"
+ text run at (136,105) width 32: "px;}"
+ text run at (0,120) width 104: "TD {border: 2"
+ text run at (104,120) width 128: "px solid green;}"
+ RenderBlock {HR} at (1,182) size 782x2 [bgcolor=#000000]
+ RenderBlock {P} at (0,200) size 784x36 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 780x36
+ text run at (0,0) width 627: "Note that all table cells on this page should have a two-pixel solid green border along all four sides. "
+ text run at (627,0) width 153: "This border applies only"
+ text run at (0,18) width 285: "to the cells, not the rows which contain them."
+ RenderBlock {P} at (0,252) size 784x24 [bgcolor=#000000]
+ RenderText {TEXT} at (3,3) size 483x18
+ text run at (3,3) width 483: "This paragraph should have a medium black solid border all the way around."
+ RenderBlock {P} at (0,292) size 784x20 [bgcolor=#000000]
+ RenderText {TEXT} at (1,1) size 480x18
+ text run at (1,1) width 480: "This paragraph should have a thin maroon ridged border all the way around."
+ RenderBlock {P} at (0,328) size 784x38 [bgcolor=#000000]
+ RenderText {TEXT} at (10,10) size 518x18
+ text run at (10,10) width 518: "This paragraph should have a ten-pixel-wide teal outset border all the way around."
+ RenderBlock {P} at (0,382) size 784x38 [bgcolor=#000000]
+ RenderText {TEXT} at (10,10) size 519x18
+ text run at (10,10) width 519: "This paragraph should have a ten-pixel-wide olive inset border all the way around."
+ RenderBlock {P} at (0,436) size 784x18 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 348x18
+ text run at (0,0) width 348: "This paragraph should have no border around it, as the "
+ RenderInline {TT} at (0,0) size 96x15
+ RenderText {TEXT} at (348,2) size 96x15
+ text run at (348,2) width 96: "border-style"
+ RenderText {TEXT} at (444,0) size 323x18
+ text run at (444,0) width 323: " was not set, and it should not be offset in any way."
+ RenderBlock {P} at (0,470) size 784x24 [bgcolor=#000000]
+ RenderText {TEXT} at (3,3) size 535x18
+ text run at (3,3) width 535: "This paragraph should have a medium maroon double border around it, even though "
+ RenderInline {CODE} at (0,0) size 96x15
+ RenderText {TEXT} at (538,5) size 96x15
+ text run at (538,5) width 96: "border-width"
+ RenderText {TEXT} at (634,3) size 140x18
+ text run at (634,3) width 140: " was not explicitly set."
+ RenderBlock {P} at (0,510) size 784x18 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 621x18
+ text run at (0,0) width 621: "This paragraph should have no border around it, as its declaration is invalid and should be ignored."
+ RenderBlock {P} at (0,544) size 784x19 [bgcolor=#000000]
+ RenderInline {A} at (0,0) size 25x18
+ RenderText {TEXT} at (0,1) size 25x18
+ text run at (0,1) width 25: "The"
+ RenderText {TEXT} at (25,1) size 715x18
+ text run at (25,1) width 715: " following image is also an anchor which points to a target on this page, but it should not have a border around it: "
+ RenderInline {A} at (0,0) size 15x18 [color=#0000FF]
+ RenderImage {IMG} at (740,0) size 15x15
+ RenderText {TEXT} at (755,1) size 4x18
+ text run at (755,1) width 4: "."
+ RenderTable {TABLE} at (0,579) size 784x113 [bgcolor=#000000]
+ RenderTableSection {TBODY} at (1,1) size 0x111
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,5) size 772x40 [r=0 c=0 rs=1 cs=2]
- RenderText {TEXT} at (3,3) size 757x34
- text run at (3,3) width 268: "Every cell in this table should have a 2-"
- text run at (271,3) width 173: "pixel solid green border. "
- text run at (444,3) width 316: "This is also true of the table-testing section in"
- text run at (3,20) width 222: "the second half of the test page."
+ RenderTableCell {TD} at (5,5) size 772x42 [r=0 c=0 rs=1 cs=2]
+ RenderText {TEXT} at (3,3) size 759x36
+ text run at (3,3) width 248: "Every cell in this table should have a 2-"
+ text run at (251,3) width 157: "pixel solid green border. "
+ text run at (408,3) width 354: "This is also true of the table-testing section in the second"
+ text run at (3,21) width 127: "half of the test page."
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,64) size 191x23 [r=1 c=0 rs=1 cs=1]
- RenderText {TEXT} at (3,3) size 56x17
- text run at (3,3) width 56: "Cell one"
- RenderTableCell {TD} at (201,50) size 576x52 [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (3,3) size 570x17
- RenderText {TEXT} at (0,0) size 55x17
- text run at (0,0) width 55: "Cell two"
- RenderTable {TABLE} at (3,20) size 179x29
- RenderTableSection {TBODY} at (1,1) size 0x27
+ RenderTableCell {TD} at (5,67) size 197x24 [r=1 c=0 rs=1 cs=1]
+ RenderText {TEXT} at (3,3) size 53x18
+ text run at (3,3) width 53: "Cell one"
+ RenderTableCell {TD} at (207,52) size 570x54 [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (3,3) size 564x18
+ RenderText {TEXT} at (0,0) size 54x18
+ text run at (0,0) width 54: "Cell two"
+ RenderTable {TABLE} at (3,21) size 163x30
+ RenderTableSection {TBODY} at (1,1) size 0x28
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (2,2) size 173x23 [r=0 c=0 rs=1 cs=1]
- RenderText {TEXT} at (3,3) size 167x17
- text run at (3,3) width 167: "Nested single-cell table!"
- RenderBlock {P} at (0,730) size 784x17 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 192x17
- text run at (0,0) width 192: "This is an unstyled element."
- RenderTable {TABLE} at (0,761) size 784x581 [bgcolor=#000000]
- RenderTableSection {TBODY} at (1,1) size 0x579
+ RenderTableCell {TD} at (2,2) size 157x24 [r=0 c=0 rs=1 cs=1]
+ RenderText {TEXT} at (3,3) size 151x18
+ text run at (3,3) width 151: "Nested single-cell table!"
+ RenderBlock {P} at (0,708) size 784x18 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 175x18
+ text run at (0,0) width 175: "This is an unstyled element."
+ RenderTable {TABLE} at (0,742) size 784x620 [bgcolor=#000000]
+ RenderTableSection {TBODY} at (1,1) size 0x618
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x27 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
- RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
- RenderText {TEXT} at (5,5) size 164x17
- text run at (5,5) width 164: "TABLE Testing Section"
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
+ RenderText {TEXT} at (5,5) size 163x18
+ text run at (5,5) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,289) size 14x27 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
- RenderText {TEXT} at (5,5) size 4x17
+ RenderTableCell {TD} at (0,309) size 14x28 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderText {TEXT} at (5,5) size 4x18
text run at (5,5) width 4: " "
- RenderTableCell {TD} at (14,27) size 768x552 [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (5,5) size 758x34
- RenderText {TEXT} at (0,0) size 717x34
- text run at (0,0) width 688: "Note that all table cells on this page should have a two-pixel solid green border along all four sides. "
- text run at (688,0) width 29: "This"
- text run at (0,17) width 449: "border applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (5,53) size 758x23
- RenderText {TEXT} at (3,3) size 522x17
- text run at (3,3) width 522: "This paragraph should have a medium black solid border all the way around."
- RenderBlock {P} at (5,90) size 758x19
- RenderText {TEXT} at (1,1) size 521x17
- text run at (1,1) width 521: "This paragraph should have a thin maroon ridged border all the way around."
- RenderBlock {P} at (5,123) size 758x37
- RenderText {TEXT} at (10,10) size 568x17
- text run at (10,10) width 568: "This paragraph should have a ten-pixel-wide teal outset border all the way around."
- RenderBlock {P} at (5,174) size 758x37
- RenderText {TEXT} at (10,10) size 565x17
- text run at (10,10) width 565: "This paragraph should have a ten-pixel-wide olive inset border all the way around."
- RenderBlock {P} at (5,225) size 758x34
- RenderText {TEXT} at (0,0) size 382x17
- text run at (0,0) width 382: "This paragraph should have no border around it, as the "
- RenderInline {TT} at (0,0) size 96x16
- RenderText {TEXT} at (382,1) size 96x16
- text run at (382,1) width 96: "border-style"
- RenderText {TEXT} at (478,0) size 751x34
- text run at (478,0) width 273: " was not set, and it should not be offset"
- text run at (0,17) width 76: "in any way."
- RenderBlock {P} at (5,273) size 758x40
- RenderText {TEXT} at (3,3) size 584x17
- text run at (3,3) width 584: "This paragraph should have a medium maroon double border around it, even though "
- RenderInline {CODE} at (0,0) size 96x16
- RenderText {TEXT} at (587,4) size 96x16
- text run at (587,4) width 96: "border-width"
- RenderText {TEXT} at (683,3) size 737x34
- text run at (683,3) width 57: " was not"
- text run at (3,20) width 92: "explicitly set."
- RenderBlock {P} at (5,327) size 758x17
- RenderText {TEXT} at (0,0) size 681x17
- text run at (0,0) width 681: "This paragraph should have no border around it, as its declaration is invalid and should be ignored."
- RenderBlock {P} at (5,358) size 758x35
- RenderInline {A} at (0,0) size 26x17
- RenderText {TEXT} at (0,0) size 26x17
- text run at (0,0) width 26: "The"
- RenderText {TEXT} at (26,0) size 736x35
- text run at (26,0) width 710: " following image is also an anchor which points to a target on this page, but it should not have a border"
- text run at (0,18) width 72: "around it: "
- RenderInline {A} at (0,0) size 15x17 [color=#0000FF]
- RenderImage {IMG} at (72,17) size 15x15
- RenderText {TEXT} at (87,18) size 5x17
- text run at (87,18) width 5: "."
- RenderTable {TABLE} at (5,407) size 758x109
- RenderTableSection {TBODY} at (1,1) size 0x107
+ RenderTableCell {TD} at (14,28) size 768x590 [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (5,5) size 758x36
+ RenderText {TEXT} at (0,0) size 748x36
+ text run at (0,0) width 627: "Note that all table cells on this page should have a two-pixel solid green border along all four sides. "
+ text run at (627,0) width 121: "This border applies"
+ text run at (0,18) width 317: "only to the cells, not the rows which contain them."
+ RenderBlock {P} at (5,57) size 758x24
+ RenderText {TEXT} at (3,3) size 483x18
+ text run at (3,3) width 483: "This paragraph should have a medium black solid border all the way around."
+ RenderBlock {P} at (5,97) size 758x20
+ RenderText {TEXT} at (1,1) size 480x18
+ text run at (1,1) width 480: "This paragraph should have a thin maroon ridged border all the way around."
+ RenderBlock {P} at (5,133) size 758x38
+ RenderText {TEXT} at (10,10) size 518x18
+ text run at (10,10) width 518: "This paragraph should have a ten-pixel-wide teal outset border all the way around."
+ RenderBlock {P} at (5,187) size 758x38
+ RenderText {TEXT} at (10,10) size 519x18
+ text run at (10,10) width 519: "This paragraph should have a ten-pixel-wide olive inset border all the way around."
+ RenderBlock {P} at (5,241) size 758x36
+ RenderText {TEXT} at (0,0) size 348x18
+ text run at (0,0) width 348: "This paragraph should have no border around it, as the "
+ RenderInline {TT} at (0,0) size 96x15
+ RenderText {TEXT} at (348,2) size 96x15
+ text run at (348,2) width 96: "border-style"
+ RenderText {TEXT} at (444,0) size 732x36
+ text run at (444,0) width 288: " was not set, and it should not be offset in any"
+ text run at (0,18) width 31: "way."
+ RenderBlock {P} at (5,293) size 758x42
+ RenderText {TEXT} at (3,3) size 535x18
+ text run at (3,3) width 535: "This paragraph should have a medium maroon double border around it, even though "
+ RenderInline {CODE} at (0,0) size 96x15
+ RenderText {TEXT} at (538,5) size 96x15
+ text run at (538,5) width 96: "border-width"
+ RenderText {TEXT} at (634,3) size 746x36
+ text run at (634,3) width 115: " was not explicitly"
+ text run at (3,21) width 21: "set."
+ RenderBlock {P} at (5,351) size 758x18
+ RenderText {TEXT} at (0,0) size 621x18
+ text run at (0,0) width 621: "This paragraph should have no border around it, as its declaration is invalid and should be ignored."
+ RenderBlock {P} at (5,385) size 758x37
+ RenderInline {A} at (0,0) size 25x18
+ RenderText {TEXT} at (0,1) size 25x18
+ text run at (0,1) width 25: "The"
+ RenderText {TEXT} at (25,1) size 715x18
+ text run at (25,1) width 715: " following image is also an anchor which points to a target on this page, but it should not have a border around it: "
+ RenderInline {A} at (0,0) size 15x18 [color=#0000FF]
+ RenderImage {IMG} at (740,0) size 15x15
+ RenderText {TEXT} at (0,19) size 4x18
+ text run at (0,19) width 4: "."
+ RenderTable {TABLE} at (5,438) size 758x113
+ RenderTableSection {TBODY} at (1,1) size 0x111
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,5) size 746x40 [r=0 c=0 rs=1 cs=2]
- RenderText {TEXT} at (3,3) size 740x34
- text run at (3,3) width 268: "Every cell in this table should have a 2-"
- text run at (271,3) width 173: "pixel solid green border. "
- text run at (444,3) width 299: "This is also true of the table-testing section"
- text run at (3,20) width 239: "in the second half of the test page."
+ RenderTableCell {TD} at (5,5) size 746x42 [r=0 c=0 rs=1 cs=2]
+ RenderText {TEXT} at (3,3) size 711x36
+ text run at (3,3) width 248: "Every cell in this table should have a 2-"
+ text run at (251,3) width 157: "pixel solid green border. "
+ text run at (408,3) width 306: "This is also true of the table-testing section in the"
+ text run at (3,21) width 175: "second half of the test page."
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,64) size 185x23 [r=1 c=0 rs=1 cs=1]
- RenderText {TEXT} at (3,3) size 56x17
- text run at (3,3) width 56: "Cell one"
- RenderTableCell {TD} at (195,50) size 556x52 [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (3,3) size 550x17
- RenderText {TEXT} at (0,0) size 55x17
- text run at (0,0) width 55: "Cell two"
- RenderTable {TABLE} at (3,20) size 179x29
- RenderTableSection {TBODY} at (1,1) size 0x27
+ RenderTableCell {TD} at (5,67) size 191x24 [r=1 c=0 rs=1 cs=1]
+ RenderText {TEXT} at (3,3) size 53x18
+ text run at (3,3) width 53: "Cell one"
+ RenderTableCell {TD} at (201,52) size 550x54 [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (3,3) size 544x18
+ RenderText {TEXT} at (0,0) size 54x18
+ text run at (0,0) width 54: "Cell two"
+ RenderTable {TABLE} at (3,21) size 163x30
+ RenderTableSection {TBODY} at (1,1) size 0x28
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (2,2) size 173x23 [r=0 c=0 rs=1 cs=1]
- RenderText {TEXT} at (3,3) size 167x17
- text run at (3,3) width 167: "Nested single-cell table!"
- RenderBlock {P} at (5,530) size 758x17
- RenderText {TEXT} at (0,0) size 192x17
- text run at (0,0) width 192: "This is an unstyled element."
+ RenderTableCell {TD} at (2,2) size 157x24 [r=0 c=0 rs=1 cs=1]
+ RenderText {TEXT} at (3,3) size 151x18
+ text run at (3,3) width 151: "Nested single-cell table!"
+ RenderBlock {P} at (5,567) size 758x18
+ RenderText {TEXT} at (0,0) size 175x18
+ text run at (0,0) width 175: "This is an unstyled element."
-layer at (0,0) size 800x944
+layer at (0,0) size 800x995
RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x944
- RenderBlock {HTML} at (0,0) size 800x944
- RenderBody {BODY} at (8,8) size 784x928 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 385x17
- text run at (0,0) width 385: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,31) size 784x64 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 344x64
+layer at (0,0) size 800x995
+ RenderBlock {HTML} at (0,0) size 800x995
+ RenderBody {BODY} at (8,8) size 784x979 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x18 [bgcolor=#000000]
+ 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 784x60 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 344x60
text run at (0,0) width 296: ".one {border-bottom: purple double 10"
text run at (296,0) width 32: "px;}"
- text run at (0,16) width 320: ".two {border-bottom: purple thin solid;}"
- text run at (0,32) width 344: ".three {border-bottom: black medium solid;}"
- text run at (0,48) width 208: "TD {border-bottom: green 2"
- text run at (208,48) width 80: "px solid;}"
- RenderBlock {HR} at (1,109) size 782x2 [bgcolor=#000000]
- RenderBlock {P} at (0,125) size 784x34 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 754x34
- text run at (0,0) width 725: "Note that all table cells on this page should have a two-pixel solid green border along their bottom sides. "
- text run at (725,0) width 29: "This"
- text run at (0,17) width 449: "border applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (0,173) size 784x27 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 483x17
- text run at (0,0) width 340: "This paragraph should have a purple, double, 10-"
- text run at (340,0) width 143: "pixel bottom border."
- RenderBlock {P} at (0,214) size 784x18 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 389x17
- text run at (0,0) width 389: "This paragraph should have a thin purple bottom border."
- RenderTable {TABLE} at (0,246) size 784x106 [bgcolor=#000000]
- RenderTableSection {TBODY} at (1,1) size 0x104
+ text run at (0,15) width 320: ".two {border-bottom: purple thin solid;}"
+ text run at (0,30) width 344: ".three {border-bottom: black medium solid;}"
+ text run at (0,45) width 208: "TD {border-bottom: green 2"
+ text run at (208,45) width 80: "px solid;}"
+ RenderBlock {HR} at (1,107) size 782x2 [bgcolor=#000000]
+ RenderBlock {P} at (0,125) size 784x36 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 779x36
+ text run at (0,0) width 658: "Note that all table cells on this page should have a two-pixel solid green border along their bottom sides. "
+ text run at (658,0) width 121: "This border applies"
+ text run at (0,18) width 317: "only to the cells, not the rows which contain them."
+ RenderBlock {P} at (0,177) size 784x28 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 438x18
+ text run at (0,0) width 310: "This paragraph should have a purple, double, 10-"
+ text run at (310,0) width 128: "pixel bottom border."
+ RenderBlock {P} at (0,221) size 784x19 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 355x18
+ text run at (0,0) width 355: "This paragraph should have a thin purple bottom border."
+ RenderTable {TABLE} at (0,256) size 784x110 [bgcolor=#000000]
+ RenderTableSection {TBODY} at (1,1) size 0x108
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,5) size 772x39 [r=0 c=0 rs=1 cs=2]
- RenderText {TEXT} at (2,2) size 741x34
- text run at (2,2) width 268: "Every cell in this table should have a 2-"
- text run at (270,2) width 227: "pixel solid green bottom border. "
- text run at (497,2) width 246: "This is also true of the table-testing"
- text run at (2,19) width 292: "section in the second half of the test page."
+ RenderTableCell {TD} at (5,5) size 772x41 [r=0 c=0 rs=1 cs=2]
+ RenderText {TEXT} at (2,2) size 759x36
+ text run at (2,2) width 248: "Every cell in this table should have a 2-"
+ text run at (250,2) width 205: "pixel solid green bottom border. "
+ text run at (455,2) width 306: "This is also true of the table-testing section in the"
+ text run at (2,20) width 175: "second half of the test page."
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,63) size 190x22 [r=1 c=0 rs=1 cs=1]
- RenderText {TEXT} at (2,2) size 56x17
- text run at (2,2) width 56: "Cell one"
- RenderTableCell {TD} at (200,49) size 577x50 [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,2) size 573x17
- RenderText {TEXT} at (0,0) size 55x17
- text run at (0,0) width 55: "Cell two"
- RenderTable {TABLE} at (2,19) size 177x28
- RenderTableSection {TBODY} at (1,1) size 0x26
+ RenderTableCell {TD} at (5,65) size 196x23 [r=1 c=0 rs=1 cs=1]
+ RenderText {TEXT} at (2,2) size 53x18
+ text run at (2,2) width 53: "Cell one"
+ RenderTableCell {TD} at (206,51) size 571x52 [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,2) size 567x18
+ RenderText {TEXT} at (0,0) size 54x18
+ text run at (0,0) width 54: "Cell two"
+ RenderTable {TABLE} at (2,20) size 161x29
+ RenderTableSection {TBODY} at (1,1) size 0x27
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (2,2) size 171x22 [r=0 c=0 rs=1 cs=1]
- RenderText {TEXT} at (2,2) size 167x17
- text run at (2,2) width 167: "Nested single-cell table!"
- RenderBlock {UL} at (0,366) size 784x128 [bgcolor=#000000]
- RenderListItem {LI} at (40,0) size 744x71
- RenderBlock (anonymous) at (0,0) size 744x17
+ RenderTableCell {TD} at (2,2) size 155x23 [r=0 c=0 rs=1 cs=1]
+ RenderText {TEXT} at (2,2) size 151x18
+ text run at (2,2) width 151: "Nested single-cell table!"
+ RenderBlock {UL} at (0,382) size 784x135 [bgcolor=#000000]
+ RenderListItem {LI} at (40,0) size 744x75
+ RenderBlock (anonymous) at (0,0) size 744x18
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 132x17
- text run at (0,0) width 132: "This is a list item..."
- RenderBlock {UL} at (0,17) size 744x51
- RenderListItem {LI} at (40,0) size 704x17
+ RenderText {TEXT} at (0,0) size 118x18
+ text run at (0,0) width 118: "This is a list item..."
+ RenderBlock {UL} at (0,18) size 744x54
+ RenderListItem {LI} at (40,0) size 704x18
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 86x17
- text run at (0,0) width 86: "...and this..."
- RenderListItem {LI} at (40,17) size 704x17
+ RenderText {TEXT} at (0,0) size 73x18
+ text run at (0,0) width 73: "...and this..."
+ RenderListItem {LI} at (40,18) size 704x18
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 132x17
- text run at (0,0) width 132: "...is a second list..."
- RenderListItem {LI} at (40,34) size 704x17
+ RenderText {TEXT} at (0,0) size 115x18
+ text run at (0,0) width 115: "...is a second list..."
+ RenderListItem {LI} at (40,36) size 704x18
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 198x17
- text run at (0,0) width 198: "...nested within the list item."
- RenderListItem {LI} at (40,71) size 744x20
+ RenderText {TEXT} at (0,0) size 176x18
+ text run at (0,0) width 176: "...nested within the list item."
+ RenderListItem {LI} at (40,75) size 744x21
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 175x17
- text run at (0,0) width 175: "This is a second list item."
- RenderListItem {LI} at (40,91) size 744x37
+ RenderText {TEXT} at (0,0) size 158x18
+ text run at (0,0) width 158: "This is a second list item."
+ RenderListItem {LI} at (40,96) size 744x39
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 716x34
- text run at (0,0) width 716: "Each list item in this list should have a medium-width black border at its bottom, which for the first item"
- text run at (0,17) width 195: "means that it should appear "
- RenderInline {EM} at (0,0) size 52x16
- RenderText {TEXT} at (195,18) size 52x16
- text run at (195,18) width 52: "beneath"
- RenderText {TEXT} at (247,17) size 426x17
- text run at (247,17) width 426: " the nested list (below the line \"...nested within the list item.\")."
- RenderTable {TABLE} at (0,508) size 784x420 [bgcolor=#000000]
- RenderTableSection {TBODY} at (1,1) size 0x418
+ RenderText {TEXT} at (0,0) size 734x36
+ text run at (0,0) width 734: "Each list item in this list should have a medium-width black border at its bottom, which for the first item means that it"
+ text run at (0,18) width 92: "should appear "
+ RenderInline {EM} at (0,0) size 50x18
+ RenderText {TEXT} at (92,18) size 50x18
+ text run at (92,18) width 50: "beneath"
+ RenderText {TEXT} at (142,18) size 390x18
+ text run at (142,18) width 390: " the nested list (below the line \"...nested within the list item.\")."
+ RenderTable {TABLE} at (0,533) size 784x446 [bgcolor=#000000]
+ RenderTableSection {TBODY} at (1,1) size 0x444
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
- RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
- RenderText {TEXT} at (4,4) size 164x17
- text run at (4,4) width 164: "TABLE Testing Section"
+ RenderTableCell {TD} at (0,0) size 782x27 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
+ RenderText {TEXT} at (4,4) size 163x18
+ text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,209) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
- RenderText {TEXT} at (4,4) size 4x17
+ RenderTableCell {TD} at (0,222) size 12x27 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x392 [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x34
- RenderText {TEXT} at (0,0) size 754x34
- text run at (0,0) width 725: "Note that all table cells on this page should have a two-pixel solid green border along their bottom sides. "
- text run at (725,0) width 29: "This"
- text run at (0,17) width 449: "border applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (4,52) size 762x27
- RenderText {TEXT} at (0,0) size 483x17
- text run at (0,0) width 340: "This paragraph should have a purple, double, 10-"
- text run at (340,0) width 143: "pixel bottom border."
- RenderBlock {P} at (4,93) size 762x18
- RenderText {TEXT} at (0,0) size 389x17
- text run at (0,0) width 389: "This paragraph should have a thin purple bottom border."
- RenderTable {TABLE} at (4,125) size 762x106
- RenderTableSection {TBODY} at (1,1) size 0x104
+ RenderTableCell {TD} at (12,27) size 770x417 [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x36
+ RenderText {TEXT} at (0,0) size 731x36
+ text run at (0,0) width 658: "Note that all table cells on this page should have a two-pixel solid green border along their bottom sides. "
+ text run at (658,0) width 73: "This border"
+ text run at (0,18) width 365: "applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (4,56) size 762x28
+ RenderText {TEXT} at (0,0) size 438x18
+ text run at (0,0) width 310: "This paragraph should have a purple, double, 10-"
+ text run at (310,0) width 128: "pixel bottom border."
+ RenderBlock {P} at (4,100) size 762x19
+ RenderText {TEXT} at (0,0) size 355x18
+ text run at (0,0) width 355: "This paragraph should have a thin purple bottom border."
+ RenderTable {TABLE} at (4,135) size 762x110
+ RenderTableSection {TBODY} at (1,1) size 0x108
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,5) size 750x39 [r=0 c=0 rs=1 cs=2]
- RenderText {TEXT} at (2,2) size 741x34
- text run at (2,2) width 268: "Every cell in this table should have a 2-"
- text run at (270,2) width 227: "pixel solid green bottom border. "
- text run at (497,2) width 246: "This is also true of the table-testing"
- text run at (2,19) width 292: "section in the second half of the test page."
+ RenderTableCell {TD} at (5,5) size 750x41 [r=0 c=0 rs=1 cs=2]
+ RenderText {TEXT} at (2,2) size 736x36
+ text run at (2,2) width 248: "Every cell in this table should have a 2-"
+ text run at (250,2) width 205: "pixel solid green bottom border. "
+ text run at (455,2) width 283: "This is also true of the table-testing section in"
+ text run at (2,20) width 198: "the second half of the test page."
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,63) size 184x22 [r=1 c=0 rs=1 cs=1]
- RenderText {TEXT} at (2,2) size 56x17
- text run at (2,2) width 56: "Cell one"
- RenderTableCell {TD} at (194,49) size 561x50 [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,2) size 557x17
- RenderText {TEXT} at (0,0) size 55x17
- text run at (0,0) width 55: "Cell two"
- RenderTable {TABLE} at (2,19) size 177x28
- RenderTableSection {TBODY} at (1,1) size 0x26
+ RenderTableCell {TD} at (5,65) size 190x23 [r=1 c=0 rs=1 cs=1]
+ RenderText {TEXT} at (2,2) size 53x18
+ text run at (2,2) width 53: "Cell one"
+ RenderTableCell {TD} at (200,51) size 555x52 [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,2) size 551x18
+ RenderText {TEXT} at (0,0) size 54x18
+ text run at (0,0) width 54: "Cell two"
+ RenderTable {TABLE} at (2,20) size 161x29
+ RenderTableSection {TBODY} at (1,1) size 0x27
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (2,2) size 171x22 [r=0 c=0 rs=1 cs=1]
- RenderText {TEXT} at (2,2) size 167x17
- text run at (2,2) width 167: "Nested single-cell table!"
- RenderBlock {UL} at (4,245) size 762x128
- RenderListItem {LI} at (40,0) size 722x71
- RenderBlock (anonymous) at (0,0) size 722x17
+ RenderTableCell {TD} at (2,2) size 155x23 [r=0 c=0 rs=1 cs=1]
+ RenderText {TEXT} at (2,2) size 151x18
+ text run at (2,2) width 151: "Nested single-cell table!"
+ RenderBlock {UL} at (4,261) size 762x135
+ RenderListItem {LI} at (40,0) size 722x75
+ RenderBlock (anonymous) at (0,0) size 722x18
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 132x17
- text run at (0,0) width 132: "This is a list item..."
- RenderBlock {UL} at (0,17) size 722x51
- RenderListItem {LI} at (40,0) size 682x17
+ RenderText {TEXT} at (0,0) size 118x18
+ text run at (0,0) width 118: "This is a list item..."
+ RenderBlock {UL} at (0,18) size 722x54
+ RenderListItem {LI} at (40,0) size 682x18
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 86x17
- text run at (0,0) width 86: "...and this..."
- RenderListItem {LI} at (40,17) size 682x17
+ RenderText {TEXT} at (0,0) size 73x18
+ text run at (0,0) width 73: "...and this..."
+ RenderListItem {LI} at (40,18) size 682x18
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 132x17
- text run at (0,0) width 132: "...is a second list..."
- RenderListItem {LI} at (40,34) size 682x17
+ RenderText {TEXT} at (0,0) size 115x18
+ text run at (0,0) width 115: "...is a second list..."
+ RenderListItem {LI} at (40,36) size 682x18
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 198x17
- text run at (0,0) width 198: "...nested within the list item."
- RenderListItem {LI} at (40,71) size 722x20
+ RenderText {TEXT} at (0,0) size 176x18
+ text run at (0,0) width 176: "...nested within the list item."
+ RenderListItem {LI} at (40,75) size 722x21
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 175x17
- text run at (0,0) width 175: "This is a second list item."
- RenderListItem {LI} at (40,91) size 722x37
+ RenderText {TEXT} at (0,0) size 158x18
+ text run at (0,0) width 158: "This is a second list item."
+ RenderListItem {LI} at (40,96) size 722x39
RenderListMarker at (0,0) size 0x14
- RenderText {TEXT} at (0,0) size 716x34
- text run at (0,0) width 716: "Each list item in this list should have a medium-width black border at its bottom, which for the first item"
- text run at (0,17) width 195: "means that it should appear "
- RenderInline {EM} at (0,0) size 52x16
- RenderText {TEXT} at (195,18) size 52x16
- text run at (195,18) width 52: "beneath"
- RenderText {TEXT} at (247,17) size 426x17
- text run at (247,17) width 426: " the nested list (below the line \"...nested within the list item.\")."
+ RenderText {TEXT} at (0,0) size 722x36
+ text run at (0,0) width 722: "Each list item in this list should have a medium-width black border at its bottom, which for the first item means that"
+ text run at (0,18) width 104: "it should appear "
+ RenderInline {EM} at (0,0) size 50x18
+ RenderText {TEXT} at (104,18) size 50x18
+ text run at (104,18) width 50: "beneath"
+ RenderText {TEXT} at (154,18) size 390x18
+ text run at (154,18) width 390: " the nested list (below the line \"...nested within the list item.\")."
layer at (0,0) size 800x600
RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x276
- RenderBlock {HTML} at (0,0) size 800x276
- RenderBody {BODY} at (8,8) size 784x260 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 385x17
- text run at (0,0) width 385: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,31) size 784x48 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 328x32
+layer at (0,0) size 800x286
+ RenderBlock {HTML} at (0,0) size 800x286
+ RenderBody {BODY} at (8,8) size 784x270 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x18 [bgcolor=#000000]
+ 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 784x45 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 328x30
text run at (0,0) width 296: ".one {border-bottom: purple double 10"
text run at (296,0) width 32: "px;}"
- text run at (0,16) width 320: ".two {border-bottom: purple thin solid;}"
- RenderBlock {HR} at (1,93) size 782x2 [bgcolor=#000000]
- RenderBlock {P} at (0,109) size 784x51 [bgcolor=#C0C0C0]
- RenderText {TEXT} at (0,0) size 728x17
- text run at (0,0) width 728: "This is an unstyled element, save for the background color, and containing inline elements with classes of "
- RenderInline {SPAN} at (0,0) size 762x44 [bgcolor=#000000]
- RenderText {TEXT} at (728,0) size 762x34
- text run at (728,0) width 34: "class"
- text run at (0,17) width 26: "one"
- RenderText {TEXT} at (26,17) size 453x17
- text run at (26,17) width 177: ", which should have a 10-"
- text run at (203,17) width 276: "pixel purple double bottom border; and "
- RenderInline {SPAN} at (0,0) size 63x18 [bgcolor=#000000]
- RenderText {TEXT} at (479,17) size 63x17
- text run at (479,17) width 63: "class two"
- RenderText {TEXT} at (542,17) size 757x34
- text run at (542,17) width 215: ", which should have a thin solid"
- text run at (0,34) width 157: "purple bottom border. "
- text run at (157,34) width 471: "The line-height of the parent element should not change on any line."
- RenderTable {TABLE} at (0,174) size 784x86 [bgcolor=#000000]
- RenderTableSection {TBODY} at (1,1) size 0x84
+ text run at (0,15) width 320: ".two {border-bottom: purple thin solid;}"
+ RenderBlock {HR} at (1,92) size 782x2 [bgcolor=#000000]
+ RenderBlock {P} at (0,110) size 784x54 [bgcolor=#C0C0C0]
+ RenderText {TEXT} at (0,0) size 666x18
+ text run at (0,0) width 666: "This is an unstyled element, save for the background color, and containing inline elements with classes of "
+ RenderInline {SPAN} at (0,0) size 57x28 [bgcolor=#000000]
+ RenderText {TEXT} at (666,0) size 57x18
+ text run at (666,0) width 57: "class one"
+ RenderText {TEXT} at (723,0) size 770x36
+ text run at (723,0) width 47: ", which"
+ text run at (0,18) width 112: "should have a 10-"
+ text run at (112,18) width 250: "pixel purple double bottom border; and "
+ RenderInline {SPAN} at (0,0) size 58x19 [bgcolor=#000000]
+ RenderText {TEXT} at (362,18) size 58x18
+ text run at (362,18) width 58: "class two"
+ RenderText {TEXT} at (420,18) size 761x36
+ text run at (420,18) width 341: ", which should have a thin solid purple bottom border."
+ text run at (0,36) width 429: "The line-height of the parent element should not change on any line."
+ RenderTable {TABLE} at (0,180) size 784x90 [bgcolor=#000000]
+ RenderTableSection {TBODY} at (1,1) size 0x88
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
- RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
- RenderText {TEXT} at (4,4) size 164x17
- text run at (4,4) width 164: "TABLE Testing Section"
+ RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
+ RenderText {TEXT} at (4,4) size 163x18
+ text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,42) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
- RenderText {TEXT} at (4,4) size 4x17
+ RenderTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,25) size 770x59 [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x51 [bgcolor=#C0C0C0]
- RenderText {TEXT} at (0,0) size 728x17
- text run at (0,0) width 728: "This is an unstyled element, save for the background color, and containing inline elements with classes of "
- RenderInline {SPAN} at (0,0) size 762x44 [bgcolor=#000000]
- RenderText {TEXT} at (728,0) size 762x34
- text run at (728,0) width 34: "class"
- text run at (0,17) width 26: "one"
- RenderText {TEXT} at (26,17) size 453x17
- text run at (26,17) width 177: ", which should have a 10-"
- text run at (203,17) width 276: "pixel purple double bottom border; and "
- RenderInline {SPAN} at (0,0) size 63x18 [bgcolor=#000000]
- RenderText {TEXT} at (479,17) size 63x17
- text run at (479,17) width 63: "class two"
- RenderText {TEXT} at (542,17) size 757x34
- text run at (542,17) width 215: ", which should have a thin solid"
- text run at (0,34) width 157: "purple bottom border. "
- text run at (157,34) width 471: "The line-height of the parent element should not change on any line."
+ RenderTableCell {TD} at (12,26) size 770x62 [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x54 [bgcolor=#C0C0C0]
+ RenderText {TEXT} at (0,0) size 666x18
+ text run at (0,0) width 666: "This is an unstyled element, save for the background color, and containing inline elements with classes of "
+ RenderInline {SPAN} at (0,0) size 57x28 [bgcolor=#000000]
+ RenderText {TEXT} at (666,0) size 57x18
+ text run at (666,0) width 57: "class one"
+ RenderText {TEXT} at (723,0) size 727x36
+ text run at (723,0) width 4: ","
+ text run at (0,18) width 155: "which should have a 10-"
+ text run at (155,18) width 250: "pixel purple double bottom border; and "
+ RenderInline {SPAN} at (0,0) size 58x19 [bgcolor=#000000]
+ RenderText {TEXT} at (405,18) size 58x18
+ text run at (405,18) width 58: "class two"
+ RenderText {TEXT} at (463,18) size 755x36
+ text run at (463,18) width 292: ", which should have a thin solid purple bottom"
+ text run at (0,36) width 49: "border. "
+ text run at (49,36) width 429: "The line-height of the parent element should not change on any line."
-layer at (0,0) size 800x832
+layer at (0,0) size 800x877
RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x832
- RenderBlock {HTML} at (0,0) size 800x832
- RenderBody {BODY} at (8,8) size 784x816 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 385x17
- text run at (0,0) width 385: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,31) size 784x96 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 464x96
+layer at (0,0) size 800x877
+ RenderBlock {HTML} at (0,0) size 800x877
+ RenderBody {BODY} at (8,8) size 784x861 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x18 [bgcolor=#000000]
+ 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 784x90 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 464x90
text run at (0,0) width 456: ".zero {background-color: silver; border-bottom-width: 0;}"
- text run at (0,16) width 232: ".one {border-bottom-width: 50"
- text run at (232,16) width 200: "px; border-style: solid;}"
- text run at (0,32) width 440: ".two {border-bottom-width: thick; border-style: solid;}"
- text run at (0,48) width 464: ".three {border-bottom-width: medium; border-style: solid;}"
- text run at (0,64) width 440: ".four {border-bottom-width: thin; border-style: solid;}"
- text run at (0,80) width 240: ".five {border-bottom-width: 25"
- text run at (240,80) width 32: "px;}"
- RenderBlock {HR} at (1,141) size 782x2 [bgcolor=#000000]
- RenderBlock {P} at (0,157) size 784x17 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 161x17
- text run at (0,0) width 161: "(These will only work if "
- RenderInline {CODE} at (0,0) size 96x16
- RenderText {TEXT} at (161,1) size 96x16
- text run at (161,1) width 96: "border-style"
- RenderText {TEXT} at (257,0) size 100x17
- text run at (257,0) width 100: " is supported.)"
- RenderBlock {P} at (0,188) size 784x17 [bgcolor=#C0C0C0]
- RenderText {TEXT} at (0,0) size 224x17
- text run at (0,0) width 224: "This element has a class of zero."
- RenderBlock {P} at (0,219) size 784x70 [bgcolor=#000000]
- RenderText {TEXT} at (3,3) size 422x17
- text run at (3,3) width 422: "This element should have a bottom border width of 50 pixels."
- RenderBlock {P} at (0,303) size 784x25 [bgcolor=#000000]
- RenderText {TEXT} at (3,3) size 375x17
- text run at (3,3) width 375: "This element should have a thick bottom border width."
- RenderBlock {P} at (0,342) size 784x23 [bgcolor=#000000]
- RenderText {TEXT} at (3,3) size 397x17
- text run at (3,3) width 397: "This element should have a medium bottom border width."
- RenderBlock {P} at (0,379) size 784x21 [bgcolor=#000000]
- RenderText {TEXT} at (3,3) size 368x17
- text run at (3,3) width 368: "This element should have a thin bottom border width."
- RenderBlock {P} at (0,414) size 784x17 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 588x17
- text run at (0,0) width 588: "This element should have no border and no extra \"padding\" on its bottom side, as no "
- RenderInline {CODE} at (0,0) size 96x16
- RenderText {TEXT} at (588,1) size 96x16
- text run at (588,1) width 96: "border-style"
- RenderText {TEXT} at (684,0) size 60x17
- text run at (684,0) width 60: " was set."
- RenderBlock {P} at (0,445) size 784x17 [bgcolor=#C0C0C0]
- RenderText {TEXT} at (0,0) size 224x17
- text run at (0,0) width 224: "This element has a class of zero."
- RenderTable {TABLE} at (0,476) size 766x340 [bgcolor=#000000]
- RenderTableSection {TBODY} at (1,1) size 0x338
+ text run at (0,15) width 232: ".one {border-bottom-width: 50"
+ text run at (232,15) width 200: "px; border-style: solid;}"
+ text run at (0,30) width 440: ".two {border-bottom-width: thick; border-style: solid;}"
+ text run at (0,45) width 464: ".three {border-bottom-width: medium; border-style: solid;}"
+ text run at (0,60) width 440: ".four {border-bottom-width: thin; border-style: solid;}"
+ text run at (0,75) width 240: ".five {border-bottom-width: 25"
+ text run at (240,75) width 32: "px;}"
+ RenderBlock {HR} at (1,137) size 782x2 [bgcolor=#000000]
+ RenderBlock {P} at (0,155) size 784x18 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 157x18
+ text run at (0,0) width 157: "(These will only work if "
+ RenderInline {CODE} at (0,0) size 96x15
+ RenderText {TEXT} at (157,2) size 96x15
+ text run at (157,2) width 96: "border-style"
+ RenderText {TEXT} at (253,0) size 89x18
+ text run at (253,0) width 89: " is supported.)"
+ RenderBlock {P} at (0,189) size 784x18 [bgcolor=#C0C0C0]
+ RenderText {TEXT} at (0,0) size 203x18
+ text run at (0,0) width 203: "This element has a class of zero."
+ RenderBlock {P} at (0,223) size 784x71 [bgcolor=#000000]
+ RenderText {TEXT} at (3,3) size 387x18
+ text run at (3,3) width 387: "This element should have a bottom border width of 50 pixels."
+ RenderBlock {P} at (0,310) size 784x26 [bgcolor=#000000]
+ RenderText {TEXT} at (3,3) size 344x18
+ text run at (3,3) width 344: "This element should have a thick bottom border width."
+ RenderBlock {P} at (0,352) size 784x24 [bgcolor=#000000]
+ RenderText {TEXT} at (3,3) size 364x18
+ text run at (3,3) width 364: "This element should have a medium bottom border width."
+ RenderBlock {P} at (0,392) size 784x22 [bgcolor=#000000]
+ RenderText {TEXT} at (3,3) size 337x18
+ text run at (3,3) width 337: "This element should have a thin bottom border width."
+ RenderBlock {P} at (0,430) size 784x18 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 537x18
+ text run at (0,0) width 537: "This element should have no border and no extra \"padding\" on its bottom side, as no "
+ RenderInline {CODE} at (0,0) size 96x15
+ RenderText {TEXT} at (537,2) size 96x15
+ text run at (537,2) width 96: "border-style"
+ RenderText {TEXT} at (633,0) size 54x18
+ text run at (633,0) width 54: " was set."
+ RenderBlock {P} at (0,464) size 784x18 [bgcolor=#C0C0C0]
+ RenderText {TEXT} at (0,0) size 203x18
+ text run at (0,0) width 203: "This element has a class of zero."
+ RenderTable {TABLE} at (0,498) size 709x363 [bgcolor=#000000]
+ RenderTableSection {TBODY} at (1,1) size 0x361
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 764x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
- RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
- RenderText {TEXT} at (4,4) size 164x17
- text run at (4,4) width 164: "TABLE Testing Section"
+ RenderTableCell {TD} at (0,0) size 707x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
+ RenderText {TEXT} at (4,4) size 163x18
+ text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,169) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
- RenderText {TEXT} at (4,4) size 4x17
+ RenderTableCell {TD} at (0,180) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,25) size 752x313 [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 744x17
- RenderText {TEXT} at (0,0) size 161x17
- text run at (0,0) width 161: "(These will only work if "
- RenderInline {CODE} at (0,0) size 96x16
- RenderText {TEXT} at (161,1) size 96x16
- text run at (161,1) width 96: "border-style"
- RenderText {TEXT} at (257,0) size 100x17
- text run at (257,0) width 100: " is supported.)"
- RenderBlock {P} at (4,35) size 744x17 [bgcolor=#C0C0C0]
- RenderText {TEXT} at (0,0) size 224x17
- text run at (0,0) width 224: "This element has a class of zero."
- RenderBlock {P} at (4,66) size 744x70
- RenderText {TEXT} at (3,3) size 422x17
- text run at (3,3) width 422: "This element should have a bottom border width of 50 pixels."
- RenderBlock {P} at (4,150) size 744x25
- RenderText {TEXT} at (3,3) size 375x17
- text run at (3,3) width 375: "This element should have a thick bottom border width."
- RenderBlock {P} at (4,189) size 744x23
- RenderText {TEXT} at (3,3) size 397x17
- text run at (3,3) width 397: "This element should have a medium bottom border width."
- RenderBlock {P} at (4,226) size 744x21
- RenderText {TEXT} at (3,3) size 368x17
- text run at (3,3) width 368: "This element should have a thin bottom border width."
- RenderBlock {P} at (4,261) size 744x17
- RenderText {TEXT} at (0,0) size 588x17
- text run at (0,0) width 588: "This element should have no border and no extra \"padding\" on its bottom side, as no "
- RenderInline {CODE} at (0,0) size 96x16
- RenderText {TEXT} at (588,1) size 96x16
- text run at (588,1) width 96: "border-style"
- RenderText {TEXT} at (684,0) size 60x17
- text run at (684,0) width 60: " was set."
- RenderBlock {P} at (4,292) size 744x17 [bgcolor=#C0C0C0]
- RenderText {TEXT} at (0,0) size 224x17
- text run at (0,0) width 224: "This element has a class of zero."
+ RenderTableCell {TD} at (12,26) size 695x335 [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 687x18
+ RenderText {TEXT} at (0,0) size 157x18
+ text run at (0,0) width 157: "(These will only work if "
+ RenderInline {CODE} at (0,0) size 96x15
+ RenderText {TEXT} at (157,2) size 96x15
+ text run at (157,2) width 96: "border-style"
+ RenderText {TEXT} at (253,0) size 89x18
+ text run at (253,0) width 89: " is supported.)"
+ RenderBlock {P} at (4,38) size 687x18 [bgcolor=#C0C0C0]
+ RenderText {TEXT} at (0,0) size 203x18
+ text run at (0,0) width 203: "This element has a class of zero."
+ RenderBlock {P} at (4,72) size 687x71
+ RenderText {TEXT} at (3,3) size 387x18
+ text run at (3,3) width 387: "This element should have a bottom border width of 50 pixels."
+ RenderBlock {P} at (4,159) size 687x26
+ RenderText {TEXT} at (3,3) size 344x18
+ text run at (3,3) width 344: "This element should have a thick bottom border width."
+ RenderBlock {P} at (4,201) size 687x24
+ RenderText {TEXT} at (3,3) size 364x18
+ text run at (3,3) width 364: "This element should have a medium bottom border width."
+ RenderBlock {P} at (4,241) size 687x22
+ RenderText {TEXT} at (3,3) size 337x18
+ text run at (3,3) width 337: "This element should have a thin bottom border width."
+ RenderBlock {P} at (4,279) size 687x18
+ RenderText {TEXT} at (0,0) size 537x18
+ text run at (0,0) width 537: "This element should have no border and no extra \"padding\" on its bottom side, as no "
+ RenderInline {CODE} at (0,0) size 96x15
+ RenderText {TEXT} at (537,2) size 96x15
+ text run at (537,2) width 96: "border-style"
+ RenderText {TEXT} at (633,0) size 54x18
+ text run at (633,0) width 54: " was set."
+ RenderBlock {P} at (4,313) size 687x18 [bgcolor=#C0C0C0]
+ RenderText {TEXT} at (0,0) size 203x18
+ text run at (0,0) width 203: "This element has a class of zero."
layer at (0,0) size 800x600
RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x366
- RenderBlock {HTML} at (0,0) size 800x366
- RenderBody {BODY} at (8,8) size 784x350 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 385x17
- text run at (0,0) width 385: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,31) size 784x48 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 432x48
+layer at (0,0) size 800x378
+ RenderBlock {HTML} at (0,0) size 800x378
+ RenderBody {BODY} at (8,8) size 784x362 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x18 [bgcolor=#000000]
+ 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 784x45 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 432x45
text run at (0,0) width 232: ".one {border-bottom-width: 25"
text run at (232,0) width 200: "px; border-style: solid;}"
- text run at (0,16) width 432: ".two {border-bottom-width: thin; border-style: solid;}"
- text run at (0,32) width 248: ".three {border-bottom-width: 25"
- text run at (248,32) width 32: "px;}"
- RenderBlock {HR} at (1,93) size 782x2 [bgcolor=#000000]
- RenderBlock {P} at (0,109) size 784x96 [bgcolor=#000000]
- RenderText {TEXT} at (3,3) size 188x17
- text run at (3,3) width 188: "This element has a class of "
- RenderInline {TT} at (0,0) size 24x16
- RenderText {TEXT} at (191,4) size 24x16
- text run at (191,4) width 24: "one"
- RenderText {TEXT} at (215,3) size 174x17
- text run at (215,3) width 9: ". "
- text run at (224,3) width 165: "However, it contains an "
- RenderInline {SPAN} at (0,0) size 187x21
- RenderText {TEXT} at (392,3) size 157x17
- text run at (392,3) width 157: "inline element of class "
- RenderInline {TT} at (0,0) size 24x16
- RenderText {TEXT} at (549,4) size 24x16
- text run at (549,4) width 24: "two"
- RenderText {TEXT} at (576,3) size 775x51
- text run at (576,3) width 202: ", which should result in a thin"
- text run at (3,20) width 770: "solid border on the bottom side of each box in the inline element (and the UA's default border on the other three"
- text run at (3,37) width 49: "sides). "
- text run at (52,37) width 112: "There is also an "
- RenderInline {SPAN} at (0,0) size 197x17
- RenderText {TEXT} at (164,37) size 157x17
- text run at (164,37) width 157: "inline element of class "
- RenderInline {TT} at (0,0) size 40x16
- RenderText {TEXT} at (321,38) size 40x16
- text run at (321,38) width 40: "three"
- RenderText {TEXT} at (361,37) size 778x34
- text run at (361,37) width 420: ", which should have no bottom border width or visible border"
- text run at (3,54) width 224: "because no border style was set."
- RenderTable {TABLE} at (0,219) size 784x131 [bgcolor=#000000]
- RenderTableSection {TBODY} at (1,1) size 0x129
+ text run at (0,15) width 432: ".two {border-bottom-width: thin; border-style: solid;}"
+ text run at (0,30) width 248: ".three {border-bottom-width: 25"
+ text run at (248,30) width 32: "px;}"
+ RenderBlock {HR} at (1,92) size 782x2 [bgcolor=#000000]
+ RenderBlock {P} at (0,110) size 784x100 [bgcolor=#000000]
+ RenderText {TEXT} at (3,3) size 172x18
+ text run at (3,3) width 172: "This element has a class of "
+ RenderInline {TT} at (0,0) size 24x15
+ RenderText {TEXT} at (175,5) size 24x15
+ text run at (175,5) width 24: "one"
+ RenderText {TEXT} at (199,3) size 162x18
+ text run at (199,3) width 8: ". "
+ text run at (207,3) width 154: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 173x22
+ RenderText {TEXT} at (364,3) size 143x18
+ text run at (364,3) width 143: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x15
+ RenderText {TEXT} at (507,5) size 24x15
+ text run at (507,5) width 24: "two"
+ RenderText {TEXT} at (534,3) size 767x54
+ text run at (534,3) width 220: ", which should result in a thin solid"
+ text run at (3,21) width 716: "border on the bottom side of each box in the inline element (and the UA's default border on the other three sides). "
+ text run at (719,21) width 51: "There is"
+ text run at (3,39) width 48: "also an "
+ RenderInline {SPAN} at (0,0) size 183x18
+ RenderText {TEXT} at (51,39) size 143x18
+ text run at (51,39) width 143: "inline element of class "
+ RenderInline {TT} at (0,0) size 40x15
+ RenderText {TEXT} at (194,41) size 40x15
+ text run at (194,41) width 40: "three"
+ RenderText {TEXT} at (234,39) size 770x36
+ text run at (234,39) width 539: ", which should have no bottom border width or visible border because no border style"
+ text run at (3,57) width 50: "was set."
+ RenderTable {TABLE} at (0,226) size 784x136 [bgcolor=#000000]
+ RenderTableSection {TBODY} at (1,1) size 0x134
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
- RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
- RenderText {TEXT} at (4,4) size 164x17
- text run at (4,4) width 164: "TABLE Testing Section"
+ RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
+ RenderText {TEXT} at (4,4) size 163x18
+ text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,64) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
- RenderText {TEXT} at (4,4) size 4x17
+ RenderTableCell {TD} at (0,67) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,25) size 770x104 [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x96
- RenderText {TEXT} at (3,3) size 188x17
- text run at (3,3) width 188: "This element has a class of "
- RenderInline {TT} at (0,0) size 24x16
- RenderText {TEXT} at (191,4) size 24x16
- text run at (191,4) width 24: "one"
- RenderText {TEXT} at (215,3) size 174x17
- text run at (215,3) width 9: ". "
- text run at (224,3) width 165: "However, it contains an "
- RenderInline {SPAN} at (0,0) size 187x21
- RenderText {TEXT} at (392,3) size 157x17
- text run at (392,3) width 157: "inline element of class "
- RenderInline {TT} at (0,0) size 24x16
- RenderText {TEXT} at (549,4) size 24x16
- text run at (549,4) width 24: "two"
- RenderText {TEXT} at (576,3) size 744x51
- text run at (576,3) width 171: ", which should result in a"
- text run at (3,20) width 720: "thin solid border on the bottom side of each box in the inline element (and the UA's default border on the"
- text run at (3,37) width 130: "other three sides). "
- text run at (133,37) width 112: "There is also an "
- RenderInline {SPAN} at (0,0) size 197x17
- RenderText {TEXT} at (245,37) size 157x17
- text run at (245,37) width 157: "inline element of class "
- RenderInline {TT} at (0,0) size 40x16
- RenderText {TEXT} at (402,38) size 40x16
- text run at (402,38) width 40: "three"
- RenderText {TEXT} at (442,37) size 742x34
- text run at (442,37) width 303: ", which should have no bottom border width"
- text run at (3,54) width 341: "or visible border because no border style was set."
+ RenderTableCell {TD} at (12,26) size 770x108 [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x100
+ RenderText {TEXT} at (3,3) size 172x18
+ text run at (3,3) width 172: "This element has a class of "
+ RenderInline {TT} at (0,0) size 24x15
+ RenderText {TEXT} at (175,5) size 24x15
+ text run at (175,5) width 24: "one"
+ RenderText {TEXT} at (199,3) size 162x18
+ text run at (199,3) width 8: ". "
+ text run at (207,3) width 154: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 173x22
+ RenderText {TEXT} at (364,3) size 143x18
+ text run at (364,3) width 143: "inline element of class "
+ RenderInline {TT} at (0,0) size 24x15
+ RenderText {TEXT} at (507,5) size 24x15
+ text run at (507,5) width 24: "two"
+ RenderText {TEXT} at (534,3) size 753x54
+ text run at (534,3) width 220: ", which should result in a thin solid"
+ text run at (3,21) width 716: "border on the bottom side of each box in the inline element (and the UA's default border on the other three sides). "
+ text run at (719,21) width 37: "There"
+ text run at (3,39) width 62: "is also an "
+ RenderInline {SPAN} at (0,0) size 183x18
+ RenderText {TEXT} at (65,39) size 143x18
+ text run at (65,39) width 143: "inline element of class "
+ RenderInline {TT} at (0,0) size 40x15
+ RenderText {TEXT} at (208,41) size 40x15
+ text run at (208,41) width 40: "three"
+ RenderText {TEXT} at (248,39) size 751x36
+ text run at (248,39) width 506: ", which should have no bottom border width or visible border because no border"
+ text run at (3,57) width 83: "style was set."
layer at (0,0) size 800x600
RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x402
- RenderBlock {HTML} at (0,0) size 800x402
- RenderBody {BODY} at (8,8) size 784x386 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 385x17
- text run at (0,0) width 385: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,31) size 784x48 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 728x48
+layer at (0,0) size 800x422
+ RenderBlock {HTML} at (0,0) size 800x422
+ RenderBody {BODY} at (8,8) size 784x406 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x18 [bgcolor=#000000]
+ 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 784x45 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 728x45
text run at (0,0) width 392: ".one {border-color: purple; border-style: solid;}"
- text run at (0,16) width 568: ".two {border-color: purple; border-width: medium; border-style: solid;}"
- text run at (0,32) width 728: ".three {border-color: purple green blue yellow; border-width: medium; border-style: solid;}"
- RenderBlock {HR} at (1,93) size 782x2 [bgcolor=#000000]
- RenderBlock {P} at (0,109) size 784x23 [bgcolor=#000000]
- RenderText {TEXT} at (3,3) size 391x17
- text run at (3,3) width 391: "This element should have a purple border surrounding it."
- RenderBlock {P} at (0,146) size 784x23 [bgcolor=#000000]
- RenderText {TEXT} at (3,3) size 497x17
- text run at (3,3) width 497: "This element should have a medium-width purple border surrounding it."
- RenderBlock {P} at (0,183) size 784x40 [bgcolor=#000000]
- RenderText {TEXT} at (3,3) size 754x34
- text run at (3,3) width 754: "This element should be surrounded by a medium width border which is purple on top, green on the right side,"
- text run at (3,20) width 326: "blue on the bottom, and yellow on the left side."
- RenderTable {TABLE} at (0,237) size 784x149 [bgcolor=#000000]
- RenderTableSection {TBODY} at (1,1) size 0x147
+ text run at (0,15) width 568: ".two {border-color: purple; border-width: medium; border-style: solid;}"
+ text run at (0,30) width 728: ".three {border-color: purple green blue yellow; border-width: medium; border-style: solid;}"
+ RenderBlock {HR} at (1,92) size 782x2 [bgcolor=#000000]
+ RenderBlock {P} at (0,110) size 784x24 [bgcolor=#000000]
+ RenderText {TEXT} at (3,3) size 357x18
+ text run at (3,3) width 357: "This element should have a purple border surrounding it."
+ RenderBlock {P} at (0,150) size 784x24 [bgcolor=#000000]
+ RenderText {TEXT} at (3,3) size 453x18
+ text run at (3,3) width 453: "This element should have a medium-width purple border surrounding it."
+ RenderBlock {P} at (0,190) size 784x42 [bgcolor=#000000]
+ RenderText {TEXT} at (3,3) size 763x36
+ text run at (3,3) width 763: "This element should be surrounded by a medium width border which is purple on top, green on the right side, blue on the"
+ text run at (3,21) width 222: "bottom, and yellow on the left side."
+ RenderTable {TABLE} at (0,248) size 784x158 [bgcolor=#000000]
+ RenderTableSection {TBODY} at (1,1) size 0x156
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
- RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
- RenderText {TEXT} at (4,4) size 164x17
- text run at (4,4) width 164: "TABLE Testing Section"
+ RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
+ RenderText {TEXT} at (4,4) size 163x18
+ text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,73) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
- RenderText {TEXT} at (4,4) size 4x17
+ RenderTableCell {TD} at (0,78) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,25) size 770x122 [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x23
- RenderText {TEXT} at (3,3) size 391x17
- text run at (3,3) width 391: "This element should have a purple border surrounding it."
- RenderBlock {P} at (4,41) size 762x23
- RenderText {TEXT} at (3,3) size 497x17
- text run at (3,3) width 497: "This element should have a medium-width purple border surrounding it."
- RenderBlock {P} at (4,78) size 762x40
- RenderText {TEXT} at (3,3) size 754x34
- text run at (3,3) width 754: "This element should be surrounded by a medium width border which is purple on top, green on the right side,"
- text run at (3,20) width 326: "blue on the bottom, and yellow on the left side."
+ RenderTableCell {TD} at (12,26) size 770x130 [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x24
+ RenderText {TEXT} at (3,3) size 357x18
+ text run at (3,3) width 357: "This element should have a purple border surrounding it."
+ RenderBlock {P} at (4,44) size 762x24
+ RenderText {TEXT} at (3,3) size 453x18
+ text run at (3,3) width 453: "This element should have a medium-width purple border surrounding it."
+ RenderBlock {P} at (4,84) size 762x42
+ RenderText {TEXT} at (3,3) size 740x36
+ text run at (3,3) width 740: "This element should be surrounded by a medium width border which is purple on top, green on the right side, blue on"
+ text run at (3,21) width 245: "the bottom, and yellow on the left side."
layer at (0,0) size 800x600
RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x310
- RenderBlock {HTML} at (0,0) size 800x310
- RenderBody {BODY} at (8,8) size 784x294 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 385x17
- text run at (0,0) width 385: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,31) size 784x48 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 728x48
+layer at (0,0) size 800x322
+ RenderBlock {HTML} at (0,0) size 800x322
+ RenderBody {BODY} at (8,8) size 784x306 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x18 [bgcolor=#000000]
+ 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 784x45 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 728x45
text run at (0,0) width 392: ".one {border-color: purple; border-style: solid;}"
- text run at (0,16) width 568: ".two {border-color: purple; border-width: medium; border-style: solid;}"
- text run at (0,32) width 728: ".three {border-color: purple green blue yellow; border-width: medium; border-style: solid;}"
- RenderBlock {HR} at (1,93) size 782x2 [bgcolor=#000000]
- RenderBlock {P} at (0,109) size 784x68 [bgcolor=#C0C0C0]
- RenderText {TEXT} at (0,0) size 740x17
- text run at (0,0) width 740: "This is an unstyled element, save for the background color, and containing inline elements with a classes of "
- RenderInline {SPAN} at (0,0) size 777x40 [bgcolor=#000000]
- RenderText {TEXT} at (743,0) size 777x34
- text run at (743,0) width 34: "class"
- text run at (0,17) width 26: "one"
- RenderText {TEXT} at (29,17) size 9x17
- text run at (29,17) width 9: ", "
- RenderInline {SPAN} at (0,0) size 69x23 [bgcolor=#000000]
- RenderText {TEXT} at (41,17) size 63x17
- text run at (41,17) width 63: "class two"
- RenderText {TEXT} at (107,17) size 39x17
- text run at (107,17) width 39: ", and "
- RenderInline {SPAN} at (0,0) size 80x23 [bgcolor=#000000]
- RenderText {TEXT} at (149,17) size 74x17
- text run at (149,17) width 74: "class three"
- RenderText {TEXT} at (226,17) size 756x51
- text run at (226,17) width 9: ". "
- text run at (235,17) width 521: "The effect for each inline element should be to have a purple medium-width"
- text run at (0,34) width 748: "solid border in the first and second cases, and a purple-green-blue-yellow medium-width solid border in the"
- text run at (0,51) width 42: "third. "
- text run at (42,51) width 513: "The line-height of the parent element should not change at all, on any line."
- RenderTable {TABLE} at (0,191) size 784x103 [bgcolor=#000000]
- RenderTableSection {TBODY} at (1,1) size 0x101
+ text run at (0,15) width 568: ".two {border-color: purple; border-width: medium; border-style: solid;}"
+ text run at (0,30) width 728: ".three {border-color: purple green blue yellow; border-width: medium; border-style: solid;}"
+ RenderBlock {HR} at (1,92) size 782x2 [bgcolor=#000000]
+ RenderBlock {P} at (0,110) size 784x72 [bgcolor=#C0C0C0]
+ RenderText {TEXT} at (0,0) size 677x18
+ text run at (0,0) width 677: "This is an unstyled element, save for the background color, and containing inline elements with a classes of "
+ RenderInline {SPAN} at (0,0) size 63x24 [bgcolor=#000000]
+ RenderText {TEXT} at (680,0) size 57x18
+ text run at (680,0) width 57: "class one"
+ RenderText {TEXT} at (740,0) size 8x18
+ text run at (740,0) width 8: ", "
+ RenderInline {SPAN} at (0,0) size 781x42 [bgcolor=#000000]
+ RenderText {TEXT} at (751,0) size 781x36
+ text run at (751,0) width 30: "class"
+ text run at (0,18) width 24: "two"
+ RenderText {TEXT} at (27,18) size 35x18
+ text run at (27,18) width 35: ", and "
+ RenderInline {SPAN} at (0,0) size 71x24 [bgcolor=#000000]
+ RenderText {TEXT} at (65,18) size 65x18
+ text run at (65,18) width 65: "class three"
+ RenderText {TEXT} at (133,18) size 764x54
+ text run at (133,18) width 8: ". "
+ text run at (141,18) width 623: "The effect for each inline element should be to have a purple medium-width solid border in the first"
+ text run at (0,36) width 569: "and second cases, and a purple-green-blue-yellow medium-width solid border in the third. "
+ text run at (569,36) width 179: "The line-height of the parent"
+ text run at (0,54) width 284: "element should not change at all, on any line."
+ RenderTable {TABLE} at (0,198) size 784x108 [bgcolor=#000000]
+ RenderTableSection {TBODY} at (1,1) size 0x106
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
- RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
- RenderText {TEXT} at (4,4) size 164x17
- text run at (4,4) width 164: "TABLE Testing Section"
+ RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
+ RenderText {TEXT} at (4,4) size 163x18
+ text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,50) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
- RenderText {TEXT} at (4,4) size 4x17
+ RenderTableCell {TD} at (0,53) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,25) size 770x76 [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x68 [bgcolor=#C0C0C0]
- RenderText {TEXT} at (0,0) size 736x17
- text run at (0,0) width 736: "This is an unstyled element, save for the background color, and containing inline elements with a classes of"
- RenderInline {SPAN} at (0,0) size 70x23 [bgcolor=#000000]
- RenderText {TEXT} at (3,17) size 64x17
- text run at (3,17) width 64: "class one"
- RenderText {TEXT} at (70,17) size 9x17
- text run at (70,17) width 9: ", "
- RenderInline {SPAN} at (0,0) size 69x23 [bgcolor=#000000]
- RenderText {TEXT} at (82,17) size 63x17
- text run at (82,17) width 63: "class two"
- RenderText {TEXT} at (148,17) size 39x17
- text run at (148,17) width 39: ", and "
- RenderInline {SPAN} at (0,0) size 80x23 [bgcolor=#000000]
- RenderText {TEXT} at (190,17) size 74x17
- text run at (190,17) width 74: "class three"
- RenderText {TEXT} at (267,17) size 761x51
- text run at (267,17) width 9: ". "
- text run at (276,17) width 415: "The effect for each inline element should be to have a purple"
- text run at (0,34) width 761: "medium-width solid border in the first and second cases, and a purple-green-blue-yellow medium-width solid"
- text run at (0,51) width 135: "border in the third. "
- text run at (135,51) width 513: "The line-height of the parent element should not change at all, on any line."
+ RenderTableCell {TD} at (12,26) size 770x80 [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x72 [bgcolor=#C0C0C0]
+ RenderText {TEXT} at (0,0) size 677x18
+ text run at (0,0) width 677: "This is an unstyled element, save for the background color, and containing inline elements with a classes of "
+ RenderInline {SPAN} at (0,0) size 63x24 [bgcolor=#000000]
+ RenderText {TEXT} at (680,0) size 57x18
+ text run at (680,0) width 57: "class one"
+ RenderText {TEXT} at (740,0) size 4x18
+ text run at (740,0) width 4: ","
+ RenderInline {SPAN} at (0,0) size 64x24 [bgcolor=#000000]
+ RenderText {TEXT} at (3,18) size 58x18
+ text run at (3,18) width 58: "class two"
+ RenderText {TEXT} at (64,18) size 35x18
+ text run at (64,18) width 35: ", and "
+ RenderInline {SPAN} at (0,0) size 71x24 [bgcolor=#000000]
+ RenderText {TEXT} at (102,18) size 65x18
+ text run at (102,18) width 65: "class three"
+ RenderText {TEXT} at (170,18) size 756x54
+ text run at (170,18) width 8: ". "
+ text run at (178,18) width 572: "The effect for each inline element should be to have a purple medium-width solid border in"
+ text run at (0,36) width 620: "the first and second cases, and a purple-green-blue-yellow medium-width solid border in the third. "
+ text run at (620,36) width 136: "The line-height of the"
+ text run at (0,54) width 327: "parent element should not change at all, on any line."
layer at (0,0) size 800x600
RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x276
- RenderBlock {HTML} at (0,0) size 800x276
- RenderBody {BODY} at (8,8) size 784x260 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 385x17
- text run at (0,0) width 385: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,31) size 784x48 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 256x32
+layer at (0,0) size 800x286
+ RenderBlock {HTML} at (0,0) size 800x286
+ RenderBody {BODY} at (8,8) size 784x270 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 784x18 [bgcolor=#000000]
+ 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 784x45 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 256x30
text run at (0,0) width 128: ".one {border: 10"
text run at (128,0) width 128: "px teal outset;}"
- text run at (0,16) width 128: ".two {border: 10"
- text run at (128,16) width 128: "px olive inset;}"
- RenderBlock {HR} at (1,93) size 782x2 [bgcolor=#000000]
- RenderBlock {P} at (0,109) size 784x51 [bgcolor=#C0C0C0]
- RenderText {TEXT} at (0,0) size 740x17
- text run at (0,0) width 740: "This is an unstyled element, save for the background color, and containing inline elements with a classes of "
- RenderInline {SPAN} at (0,0) size 784x54 [bgcolor=#000000]
- RenderText {TEXT} at (750,0) size 784x34
- text run at (750,0) width 34: "class"
- text run at (0,17) width 26: "one"
- RenderText {TEXT} at (36,17) size 400x17
- text run at (36,17) width 201: ", which should result in a 10-"
- text run at (237,17) width 199: "pixel outset teal border; and "
- RenderInline {SPAN} at (0,0) size 83x37 [bgcolor=#000000]
- RenderText {TEXT} at (446,17) size 63x17
- text run at (446,17) width 63: "class two"
- RenderText {TEXT} at (519,17) size 754x34
- text run at (519,17) width 201: ", which should result in a 10-"
- text run at (720,17) width 34: "pixel"
- text run at (0,34) width 128: "inset olive border. "
- text run at (128,34) width 471: "The line-height of the parent element should not change on any line."
- RenderTable {TABLE} at (0,174) size 784x86 [bgcolor=#000000]
- RenderTableSection {TBODY} at (1,1) size 0x84
+ text run at (0,15) width 128: ".two {border: 10"
+ text run at (128,15) width 128: "px olive inset;}"
+ RenderBlock {HR} at (1,92) size 782x2 [bgcolor=#000000]
+ RenderBlock {P} at (0,110) size 784x54 [bgcolor=#C0C0C0]
+ RenderText {TEXT} at (0,0) size 677x18
+ text run at (0,0) width 677: "This is an unstyled element, save for the background color, and containing inline elements with a classes of "
+ RenderInline {SPAN} at (0,0) size 77x38 [bgcolor=#000000]
+ RenderText {TEXT} at (687,0) size 57x18
+ text run at (687,0) width 57: "class one"
+ RenderText {TEXT} at (754,0) size 758x36
+ text run at (754,0) width 4: ","
+ text run at (0,18) width 175: "which should result in a 10-"
+ text run at (175,18) width 178: "pixel outset teal border; and "
+ RenderInline {SPAN} at (0,0) size 78x38 [bgcolor=#000000]
+ RenderText {TEXT} at (363,18) size 58x18
+ text run at (363,18) width 58: "class two"
+ RenderText {TEXT} at (431,18) size 762x36
+ text run at (431,18) width 183: ", which should result in a 10-"
+ text run at (614,18) width 148: "pixel inset olive border."
+ text run at (0,36) width 429: "The line-height of the parent element should not change on any line."
+ RenderTable {TABLE} at (0,180) size 784x90 [bgcolor=#000000]
+ RenderTableSection {TBODY} at (1,1) size 0x88
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
- RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
- RenderText {TEXT} at (4,4) size 164x17
- text run at (4,4) width 164: "TABLE Testing Section"
+ RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
+ RenderText {TEXT} at (4,4) size 163x18
+ text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,42) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
- RenderText {TEXT} at (4,4) size 4x17
+ RenderTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,25) size 770x59 [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x51 [bgcolor=#C0C0C0]
- RenderText {TEXT} at (0,0) size 736x17
- text run at (0,0) width 736: "This is an unstyled element, save for the background color, and containing inline elements with a classes of"
- RenderInline {SPAN} at (0,0) size 84x37 [bgcolor=#000000]
- RenderText {TEXT} at (10,17) size 64x17
- text run at (10,17) width 64: "class one"
- RenderText {TEXT} at (84,17) size 400x17
- text run at (84,17) width 201: ", which should result in a 10-"
- text run at (285,17) width 199: "pixel outset teal border; and "
- RenderInline {SPAN} at (0,0) size 83x37 [bgcolor=#000000]
- RenderText {TEXT} at (494,17) size 63x17
- text run at (494,17) width 63: "class two"
- RenderText {TEXT} at (567,17) size 738x34
- text run at (567,17) width 171: ", which should result in a"
- text run at (0,34) width 192: "10-pixel inset olive border. "
- text run at (192,34) width 471: "The line-height of the parent element should not change on any line."
+ RenderTableCell {TD} at (12,26) size 770x62 [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x54 [bgcolor=#C0C0C0]
+ RenderText {TEXT} at (0,0) size 677x18
+ text run at (0,0) width 677: "This is an unstyled element, save for the background color, and containing inline elements with a classes of "
+ RenderInline {SPAN} at (0,0) size 77x38 [bgcolor=#000000]
+ RenderText {TEXT} at (687,0) size 57x18
+ text run at (687,0) width 57: "class one"
+ RenderText {TEXT} at (754,0) size 758x36
+ text run at (754,0) width 4: ","
+ text run at (0,18) width 175: "which should result in a 10-"
+ text run at (175,18) width 178: "pixel outset teal border; and "
+ RenderInline {SPAN} at (0,0) size 78x38 [bgcolor=#000000]
+ RenderText {TEXT} at (363,18) size 58x18
+ text run at (363,18) width 58: "class two"
+ RenderText {TEXT} at (431,18) size 762x36
+ text run at (431,18) width 183: ", which should result in a 10-"
+ text run at (614,18) width 148: "pixel inset olive border."
+ text run at (0,36) width 429: "The line-height of the parent element should not change on any line."
-layer at (0,0) size 800x978
+layer at (0,0) size 800x1028
RenderCanvas at (0,0) size 800x600
-layer at (0,0) size 800x978
- RenderBlock {HTML} at (0,0) size 800x978
- RenderBody {BODY} at (8,8) size 784x962 [bgcolor=#CCCCCC]
- RenderBlock {P} at (20,0) size 764x17 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 385x17
- text run at (0,0) width 385: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,31) size 784x112 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 344x112
+layer at (0,0) size 800x1028
+ RenderBlock {HTML} at (0,0) size 800x1028
+ RenderBody {BODY} at (8,8) size 784x1012 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (20,0) size 764x18 [bgcolor=#000000]
+ 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 784x105 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 344x105
text run at (0,0) width 144: "P {margin-left: 20"
text run at (144,0) width 32: "px;}"
- text run at (0,16) width 280: ".one {border-left: purple double 10"
- text run at (280,16) width 32: "px;}"
- text run at (0,32) width 304: ".two {border-left: purple thin solid;}"
- text run at (0,48) width 336: ".threea {border-left: black medium solid;}"
- text run at (0,64) width 344: ".threeb {border-left: purple medium solid;}"
- text run at (0,80) width 328: ".threec {border-left: blue medium solid;}"
- text run at (0,96) width 192: "TD {border-left: green 2"
- text run at (192,96) width 80: "px solid;}"
- RenderBlock {HR} at (1,157) size 782x2 [bgcolor=#000000]
- RenderBlock {P} at (20,173) size 764x34 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 727x34
- text run at (0,0) width 698: "Note that all table cells on this page should have a two-pixel solid green border along their left sides. "
- text run at (698,0) width 29: "This"
- text run at (0,17) width 449: "border applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (20,221) size 764x17 [bgcolor=#000000]
- RenderText {TEXT} at (10,0) size 456x17
- text run at (10,0) width 340: "This paragraph should have a purple, double, 10-"
- text run at (350,0) width 116: "pixel left border."
- RenderBlock {P} at (20,252) size 764x17 [bgcolor=#000000]
- RenderText {TEXT} at (1,0) size 362x17
- text run at (1,0) width 362: "This paragraph should have a thin purple left border."
- RenderTable {TABLE} at (0,283) size 784x103 [bgcolor=#000000]
- RenderTableSection {TBODY} at (1,1) size 0x101
+ text run at (0,15) width 280: ".one {border-left: purple double 10"
+ text run at (280,15) width 32: "px;}"
+ text run at (0,30) width 304: ".two {border-left: purple thin solid;}"
+ text run at (0,45) width 336: ".threea {border-left: black medium solid;}"
+ text run at (0,60) width 344: ".threeb {border-left: purple medium solid;}"
+ text run at (0,75) width 328: ".threec {border-left: blue medium solid;}"
+ text run at (0,90) width 192: "TD {border-left: green 2"
+ text run at (192,90) width 80: "px solid;}"
+ RenderBlock {HR} at (1,152) size 782x2 [bgcolor=#000000]
+ RenderBlock {P} at (20,170) size 764x36 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 755x36
+ text run at (0,0) width 634: "Note that all table cells on this page should have a two-pixel solid green border along their left sides. "
+ text run at (634,0) width 121: "This border applies"
+ text run at (0,18) width 317: "only to the cells, not the rows which contain them."
+ RenderBlock {P} at (20,222) size 764x18 [bgcolor=#000000]
+ RenderText {TEXT} at (10,0) size 414x18
+ text run at (10,0) width 310: "This paragraph should have a purple, double, 10-"
+ text run at (320,0) width 104: "pixel left border."
+ RenderBlock {P} at (20,256) size 764x18 [bgcolor=#000000]
+ RenderText {TEXT} at (1,0) size 331x18
+ text run at (1,0) width 331: "This paragraph should have a thin purple left border."
+ RenderTable {TABLE} at (0,290) size 784x107 [bgcolor=#000000]
+ RenderTableSection {TBODY} at (1,1) size 0x105
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,5) size 772x38 [r=0 c=0 rs=1 cs=2]
- RenderText {TEXT} at (3,2) size 767x34
- text run at (3,2) width 268: "Every cell in this table should have a 2-"
- text run at (271,2) width 200: "pixel solid green left border. "
- text run at (471,2) width 299: "This is also true of the table-testing section"
- text run at (3,19) width 239: "in the second half of the test page."
+ RenderTableCell {TD} at (5,5) size 772x40 [r=0 c=0 rs=1 cs=2]
+ RenderText {TEXT} at (3,2) size 735x36
+ text run at (3,2) width 248: "Every cell in this table should have a 2-"
+ text run at (251,2) width 181: "pixel solid green left border. "
+ text run at (432,2) width 306: "This is also true of the table-testing section in the"
+ text run at (3,20) width 175: "second half of the test page."
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,61) size 191x21 [r=1 c=0 rs=1 cs=1]
- RenderText {TEXT} at (3,2) size 56x17
- text run at (3,2) width 56: "Cell one"
- RenderTableCell {TD} at (201,48) size 576x48 [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (3,2) size 571x17
- RenderText {TEXT} at (0,0) size 55x17
- text run at (0,0) width 55: "Cell two"
- RenderTable {TABLE} at (3,19) size 178x27
- RenderTableSection {TBODY} at (1,1) size 0x25
+ RenderTableCell {TD} at (5,64) size 197x22 [r=1 c=0 rs=1 cs=1]
+ RenderText {TEXT} at (3,2) size 53x18
+ text run at (3,2) width 53: "Cell one"
+ RenderTableCell {TD} at (207,50) size 570x50 [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (3,2) size 565x18
+ RenderText {TEXT} at (0,0) size 54x18
+ text run at (0,0) width 54: "Cell two"
+ RenderTable {TABLE} at (3,20) size 162x28
+ RenderTableSection {TBODY} at (1,1) size 0x26
RenderTableRow {TR} at (0,0) size 0x0
-
git://git.webkit.org / WebKit-https.git / commitdiff