-layer at (0,0) size 785x1028
+layer at (0,0) size 785x946
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x1028
- RenderBlock {HTML} at (0,0) size 785x1028
- RenderBody {BODY} at (8,8) size 769x1012 [bgcolor=#CCCCCC]
- RenderBlock {P} at (20,0) size 749x18
- 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 769x105
- RenderText {#text} at (0,0) size 344x105
- text run at (0,0) width 176: "P {margin-left: 20px;}"
- text run at (176,0) width 0: " "
- text run at (0,15) width 312: ".one {border-left: purple double 10px;}"
- text run at (312,15) width 0: " "
- text run at (0,30) width 304: ".two {border-left: purple thin solid;}"
- text run at (304,30) width 0: " "
- text run at (0,45) width 336: ".threea {border-left: black medium solid;}"
- text run at (336,45) width 0: " "
- text run at (0,60) width 344: ".threeb {border-left: purple medium solid;}"
- text run at (344,60) width 0: " "
- text run at (0,75) width 328: ".threec {border-left: blue medium solid;}"
- text run at (328,75) width 0: " "
- text run at (0,90) width 272: "TD {border-left: green 2px solid;}"
- text run at (272,90) width 0: " "
- RenderBlock {HR} at (0,152) size 769x2 [border: (1px inset #EEEEEE)]
- RenderBlock {P} at (20,170) size 749x36
- RenderText {#text} at (0,0) size 707x36
- 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 73: "This border"
- text run at (0,18) width 365: "applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (20,222) size 749x18 [border: none (10px double #800080)]
- RenderText {#text} at (10,0) size 414x18
- text run at (10,0) width 414: "This paragraph should have a purple, double, 10-pixel left border."
- RenderBlock {P} at (20,256) size 749x18 [border: none (1px solid #800080)]
- 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 769x107 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 767x105
- RenderTableRow {TR} at (0,5) size 767x40
- RenderTableCell {TD} at (5,5) size 757x40 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
- RenderText {#text} at (3,2) size 735x36
- text run at (3,2) width 429: "Every cell in this table should have a 2-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,50) size 767x50
- RenderTableCell {TD} at (5,64) size 193x22 [border: (1px inset #808080) (2px solid #008000)] [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 (203,50) size 559x50 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (3,2) size 554x18
- RenderText {#text} at (0,0) size 54x18
- text run at (0,0) width 54: "Cell two"
- RenderTable {TABLE} at (3,20) size 162x28 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 160x26
- RenderTableRow {TR} at (0,2) size 160x22
- RenderTableCell {TD} at (2,2) size 156x22 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
- RenderText {#text} at (3,2) size 151x18
- text run at (3,2) width 151: "Nested single-cell table!"
- RenderBlock {UL} at (0,413) size 769x144
- RenderListItem {LI} at (40,0) size 729x72 [border: none (3px solid #000000)]
- RenderBlock (anonymous) at (3,0) size 726x18
- RenderListMarker at (-20,0) size 7x18: bullet
- RenderText {#text} at (0,0) size 118x18
- text run at (0,0) width 118: "This is a list item..."
- RenderBlock {UL} at (3,18) size 726x54
- RenderListItem {LI} at (40,0) size 686x18
- RenderListMarker at (-17,0) size 7x18: white bullet
- RenderText {#text} at (0,0) size 73x18
- text run at (0,0) width 73: "...and this..."
- RenderListItem {LI} at (40,18) size 686x18
- RenderListMarker at (-17,0) size 7x18: white bullet
- RenderText {#text} at (0,0) size 115x18
- text run at (0,0) width 115: "...is a second list..."
- RenderListItem {LI} at (40,36) size 686x18
- RenderListMarker at (-17,0) size 7x18: white bullet
- RenderText {#text} at (0,0) size 176x18
- text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,72) size 729x18 [border: none (3px solid #800080)]
- RenderListMarker at (-17,0) size 7x18: bullet
- RenderText {#text} at (3,0) size 158x18
- text run at (3,0) width 158: "This is a second list item."
- RenderListItem {LI} at (40,90) size 729x54 [border: none (3px solid #0000FF)]
- RenderListMarker at (-17,0) size 7x18: bullet
- RenderText {#text} at (3,0) size 720x54
- text run at (3,0) width 695: "Each list item in this 'parent' list should have a medium-width border along its left side, in each of three colors. "
- text run at (698,0) width 25: "The"
- text run at (3,18) width 719: "first item's border should travel the entire height the nested list (to end near the baseline of the line \"...nested within"
- text run at (3,36) width 490: "the list item.\"), even though the nested list does not have any border styles set."
- RenderTable {TABLE} at (0,573) size 769x439 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 767x437
- RenderTableRow {TR} at (0,0) size 767x26
- RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
- RenderInline {STRONG} at (0,0) size 163x18
- RenderText {#text} at (5,4) size 163x18
+layer at (0,0) size 785x946
+ RenderBlock {HTML} at (0,0) size 785x946
+ RenderBody {BODY} at (8,8) size 769x930 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (20,0) size 749x16
+ RenderText {#text} at (0,0) size 363x16
+ text run at (0,0) width 363: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,32) size 769x91
+ RenderText {#text} at (0,0) size 336x91
+ text run at (0,0) width 172: "P {margin-left: 20px;}"
+ text run at (171,0) width 1: " "
+ text run at (0,13) width 305: ".one {border-left: purple double 10px;}"
+ text run at (304,13) width 1: " "
+ text run at (0,26) width 297: ".two {border-left: purple thin solid;}"
+ text run at (296,26) width 1: " "
+ text run at (0,39) width 328: ".threea {border-left: black medium solid;}"
+ text run at (327,39) width 1: " "
+ text run at (0,52) width 336: ".threeb {border-left: purple medium solid;}"
+ text run at (335,52) width 1: " "
+ text run at (0,65) width 320: ".threec {border-left: blue medium solid;}"
+ text run at (319,65) width 1: " "
+ text run at (0,78) width 266: "TD {border-left: green 2px solid;}"
+ text run at (265,78) width 1: " "
+ RenderBlock {HR} at (0,136) size 769x2 [border: (1px inset #EEEEEE)]
+ RenderBlock {P} at (20,154) size 749x32
+ RenderText {#text} at (0,0) size 723x32
+ text run at (0,0) width 649: "Note that all table cells on this page should have a two-pixel solid green border along their left sides. "
+ text run at (648,0) width 75: "This border"
+ text run at (0,16) width 373: "applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (20,202) size 749x16 [border: none (10px double #800080)]
+ RenderText {#text} at (10,0) size 422x16
+ text run at (10,0) width 422: "This paragraph should have a purple, double, 10-pixel left border."
+ RenderBlock {P} at (20,234) size 749x16 [border: none (1px solid #800080)]
+ RenderText {#text} at (1,0) size 338x16
+ text run at (1,0) width 338: "This paragraph should have a thin purple left border."
+ RenderTable {TABLE} at (0,266) size 769x99 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 767x97
+ RenderTableRow {TR} at (0,5) size 767x36
+ RenderTableCell {TD} at (5,5) size 757x36 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (3,2) size 731x32
+ text run at (3,2) width 439: "Every cell in this table should have a 2-pixel solid green left border. "
+ text run at (441,2) width 293: "This is also true of the table-testing section in"
+ text run at (3,18) width 203: "the second half of the test page."
+ RenderTableRow {TR} at (0,46) size 767x46
+ RenderTableCell {TD} at (5,59) size 191x20 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (3,2) size 54x16
+ text run at (3,2) width 54: "Cell one"
+ RenderTableCell {TD} at (201,46) size 561x46 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (3,2) size 556x16
+ RenderText {#text} at (0,0) size 55x16
+ text run at (0,0) width 55: "Cell two"
+ RenderTable {TABLE} at (3,18) size 167x26 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 165x24
+ RenderTableRow {TR} at (0,2) size 165x20
+ RenderTableCell {TD} at (2,2) size 161x20 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
+ RenderText {#text} at (3,2) size 156x16
+ text run at (3,2) width 156: "Nested single-cell table!"
+ RenderBlock {UL} at (0,381) size 769x128
+ RenderListItem {LI} at (40,0) size 729x64 [border: none (3px solid #000000)]
+ RenderBlock (anonymous) at (3,0) size 726x16
+ RenderListMarker at (-19,0) size 6x16: bullet
+ RenderText {#text} at (0,0) size 123x16
+ text run at (0,0) width 123: "This is a list item..."
+ RenderBlock {UL} at (3,16) size 726x48
+ RenderListItem {LI} at (40,0) size 686x16
+ RenderListMarker at (-16,0) size 6x16: white bullet
+ RenderText {#text} at (0,0) size 75x16
+ text run at (0,0) width 75: "...and this..."
+ RenderListItem {LI} at (40,16) size 686x16
+ RenderListMarker at (-16,0) size 6x16: white bullet
+ RenderText {#text} at (0,0) size 118x16
+ text run at (0,0) width 118: "...is a second list..."
+ RenderListItem {LI} at (40,32) size 686x16
+ RenderListMarker at (-16,0) size 6x16: white bullet
+ RenderText {#text} at (0,0) size 182x16
+ text run at (0,0) width 182: "...nested within the list item."
+ RenderListItem {LI} at (40,64) size 729x16 [border: none (3px solid #800080)]
+ RenderListMarker at (-16,0) size 6x16: bullet
+ RenderText {#text} at (3,0) size 163x16
+ text run at (3,0) width 163: "This is a second list item."
+ RenderListItem {LI} at (40,80) size 729x48 [border: none (3px solid #0000FF)]
+ RenderListMarker at (-16,0) size 6x16: bullet
+ RenderText {#text} at (3,0) size 722x48
+ text run at (3,0) width 709: "Each list item in this 'parent' list should have a medium-width border along its left side, in each of three colors."
+ text run at (3,16) width 722: "The first item's border should travel the entire height the nested list (to end near the baseline of the line \"...nested"
+ text run at (3,32) width 546: "within the list item.\"), even though the nested list does not have any border styles set."
+ RenderTable {TABLE} at (0,525) size 769x405 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 767x403
+ RenderTableRow {TR} at (0,0) size 767x24
+ RenderTableCell {TD} at (0,0) size 767x24 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 163x16
+ RenderText {#text} at (5,4) size 163x16
text run at (5,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,26) size 767x411
- RenderTableCell {TD} at (0,218) size 13x26 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
- RenderText {#text} at (5,4) size 4x18
+ RenderTableRow {TR} at (0,24) size 767x379
+ RenderTableCell {TD} at (0,201) size 13x24 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (5,4) size 4x16
text run at (5,4) width 4: " "
- RenderTableCell {TD} at (13,26) size 754x411 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (25,4) size 725x36
- RenderText {#text} at (0,0) size 707x36
- 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 73: "This border"
- text run at (0,18) width 365: "applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (25,56) size 725x18 [border: none (10px double #800080)]
- RenderText {#text} at (10,0) size 414x18
- text run at (10,0) width 414: "This paragraph should have a purple, double, 10-pixel left border."
- RenderBlock {P} at (25,90) size 725x18 [border: none (1px solid #800080)]
- 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 (5,124) size 745x107 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 743x105
- RenderTableRow {TR} at (0,5) size 743x40
- RenderTableCell {TD} at (5,5) size 733x40 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
- RenderText {#text} at (3,2) size 712x36
- text run at (3,2) width 429: "Every cell in this table should have a 2-pixel solid green left border. "
- text run at (432,2) width 283: "This is also true of the table-testing section in"
- text run at (3,20) width 198: "the second half of the test page."
- RenderTableRow {TR} at (0,50) size 743x50
- RenderTableCell {TD} at (5,64) size 187x22 [border: (1px inset #808080) (2px solid #008000)] [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 (197,50) size 541x50 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (3,2) size 536x18
- RenderText {#text} at (0,0) size 54x18
- text run at (0,0) width 54: "Cell two"
- RenderTable {TABLE} at (3,20) size 162x28 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 160x26
- RenderTableRow {TR} at (0,2) size 160x22
- RenderTableCell {TD} at (2,2) size 156x22 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
- RenderText {#text} at (3,2) size 151x18
- text run at (3,2) width 151: "Nested single-cell table!"
- RenderBlock {UL} at (5,247) size 745x144
- RenderListItem {LI} at (40,0) size 705x72 [border: none (3px solid #000000)]
- RenderBlock (anonymous) at (3,0) size 702x18
- RenderListMarker at (-20,0) size 7x18: bullet
- RenderText {#text} at (0,0) size 118x18
- text run at (0,0) width 118: "This is a list item..."
- RenderBlock {UL} at (3,18) size 702x54
- RenderListItem {LI} at (40,0) size 662x18
- RenderListMarker at (-17,0) size 7x18: white bullet
- RenderText {#text} at (0,0) size 73x18
- text run at (0,0) width 73: "...and this..."
- RenderListItem {LI} at (40,18) size 662x18
- RenderListMarker at (-17,0) size 7x18: white bullet
- RenderText {#text} at (0,0) size 115x18
- text run at (0,0) width 115: "...is a second list..."
- RenderListItem {LI} at (40,36) size 662x18
- RenderListMarker at (-17,0) size 7x18: white bullet
- RenderText {#text} at (0,0) size 176x18
- text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,72) size 705x18 [border: none (3px solid #800080)]
- RenderListMarker at (-17,0) size 7x18: bullet
- RenderText {#text} at (3,0) size 158x18
- text run at (3,0) width 158: "This is a second list item."
- RenderListItem {LI} at (40,90) size 705x54 [border: none (3px solid #0000FF)]
- RenderListMarker at (-17,0) size 7x18: bullet
- RenderText {#text} at (3,0) size 691x54
- text run at (3,0) width 691: "Each list item in this 'parent' list should have a medium-width border along its left side, in each of three colors."
- text run at (3,18) width 641: "The first item's border should travel the entire height the nested list (to end near the baseline of the line"
- text run at (3,36) width 597: "\"...nested within the list item.\"), even though the nested list does not have any border styles set."
+ RenderTableCell {TD} at (13,24) size 754x379 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (25,4) size 725x32
+ RenderText {#text} at (0,0) size 723x32
+ text run at (0,0) width 649: "Note that all table cells on this page should have a two-pixel solid green border along their left sides. "
+ text run at (648,0) width 75: "This border"
+ text run at (0,16) width 373: "applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (25,52) size 725x16 [border: none (10px double #800080)]
+ RenderText {#text} at (10,0) size 422x16
+ text run at (10,0) width 422: "This paragraph should have a purple, double, 10-pixel left border."
+ RenderBlock {P} at (25,84) size 725x16 [border: none (1px solid #800080)]
+ RenderText {#text} at (1,0) size 338x16
+ text run at (1,0) width 338: "This paragraph should have a thin purple left border."
+ RenderTable {TABLE} at (5,116) size 745x99 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 743x97
+ RenderTableRow {TR} at (0,5) size 743x36
+ RenderTableCell {TD} at (5,5) size 733x36 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (3,2) size 715x32
+ text run at (3,2) width 439: "Every cell in this table should have a 2-pixel solid green left border. "
+ text run at (441,2) width 277: "This is also true of the table-testing section"
+ text run at (3,18) width 219: "in the second half of the test page."
+ RenderTableRow {TR} at (0,46) size 743x46
+ RenderTableCell {TD} at (5,59) size 185x20 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (3,2) size 54x16
+ text run at (3,2) width 54: "Cell one"
+ RenderTableCell {TD} at (195,46) size 543x46 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (3,2) size 538x16
+ RenderText {#text} at (0,0) size 55x16
+ text run at (0,0) width 55: "Cell two"
+ RenderTable {TABLE} at (3,18) size 167x26 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 165x24
+ RenderTableRow {TR} at (0,2) size 165x20
+ RenderTableCell {TD} at (2,2) size 161x20 [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
+ RenderText {#text} at (3,2) size 156x16
+ text run at (3,2) width 156: "Nested single-cell table!"
+ RenderBlock {UL} at (5,231) size 745x128
+ RenderListItem {LI} at (40,0) size 705x64 [border: none (3px solid #000000)]
+ RenderBlock (anonymous) at (3,0) size 702x16
+ RenderListMarker at (-19,0) size 6x16: bullet
+ RenderText {#text} at (0,0) size 123x16
+ text run at (0,0) width 123: "This is a list item..."
+ RenderBlock {UL} at (3,16) size 702x48
+ RenderListItem {LI} at (40,0) size 662x16
+ RenderListMarker at (-16,0) size 6x16: white bullet
+ RenderText {#text} at (0,0) size 75x16
+ text run at (0,0) width 75: "...and this..."
+ RenderListItem {LI} at (40,16) size 662x16
+ RenderListMarker at (-16,0) size 6x16: white bullet
+ RenderText {#text} at (0,0) size 118x16
+ text run at (0,0) width 118: "...is a second list..."
+ RenderListItem {LI} at (40,32) size 662x16
+ RenderListMarker at (-16,0) size 6x16: white bullet
+ RenderText {#text} at (0,0) size 182x16
+ text run at (0,0) width 182: "...nested within the list item."
+ RenderListItem {LI} at (40,64) size 705x16 [border: none (3px solid #800080)]
+ RenderListMarker at (-16,0) size 6x16: bullet
+ RenderText {#text} at (3,0) size 163x16
+ text run at (3,0) width 163: "This is a second list item."
+ RenderListItem {LI} at (40,80) size 705x48 [border: none (3px solid #0000FF)]
+ RenderListMarker at (-16,0) size 6x16: bullet
+ RenderText {#text} at (3,0) size 678x48
+ text run at (3,0) width 662: "Each list item in this 'parent' list should have a medium-width border along its left side, in each of three"
+ text run at (3,16) width 48: "colors. "
+ text run at (50,16) width 631: "The first item's border should travel the entire height the nested list (to end near the baseline of the"
+ text run at (3,32) width 638: "line \"...nested within the list item.\"), even though the nested list does not have any border styles set."