-layer at (0,0) size 785x1082
+layer at (0,0) size 785x994
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x1082
- RenderBlock {HTML} at (0,0) size 785x1082
- RenderBody {BODY} at (8,8) size 769x1066 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,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 352x105
- text run at (0,0) width 184: "P {margin-right: 20px;}"
- text run at (184,0) width 0: " "
- text run at (0,15) width 320: ".one {border-right: purple double 10px;}"
- text run at (320,15) width 0: " "
- text run at (0,30) width 312: ".two {border-right: purple thin solid;}"
- text run at (312,30) width 0: " "
- text run at (0,45) width 344: ".threea {border-right: black medium solid;}"
- text run at (344,45) width 0: " "
- text run at (0,60) width 352: ".threeb {border-right: purple medium solid;}"
- text run at (352,60) width 0: " "
- text run at (0,75) width 336: ".threec {border-right: blue medium solid;}"
- text run at (336,75) width 0: " "
- text run at (0,90) width 280: "TD {border-right: green 2px solid;}"
- text run at (280,90) width 0: " "
- RenderBlock {HR} at (0,152) size 769x2 [border: (1px inset #EEEEEE)]
- RenderBlock {P} at (0,170) size 749x36
- RenderText {#text} at (0,0) size 716x36
- text run at (0,0) width 643: "Note that all table cells on this page should have a two-pixel solid green border along their right sides. "
- text run at (643,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 (0,222) size 749x18 [border: none (10px double #800080) none]
- RenderText {#text} at (0,0) size 423x18
- text run at (0,0) width 423: "This paragraph should have a purple, double, 10-pixel right border."
- RenderBlock {P} at (0,256) size 749x18 [border: none (1px solid #800080) none]
- RenderText {#text} at (0,0) size 340x18
- text run at (0,0) width 340: "This paragraph should have a thin purple right 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) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
- RenderText {#text} at (2,2) size 744x36
- text run at (2,2) width 438: "Every cell in this table should have a 2-pixel solid green right border. "
- text run at (440,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,50) size 767x50
- RenderTableCell {TD} at (5,64) size 193x22 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [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 (203,50) size 559x50 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,2) size 554x18
- RenderText {#text} at (0,0) size 54x18
- text run at (0,0) width 54: "Cell two"
- RenderTable {TABLE} at (2,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) (1px inset #808080)] [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,413) size 769x162
- RenderListItem {LI} at (40,0) size 729x72 [border: none (3px solid #000000) none]
- RenderBlock (anonymous) at (0,0) size 726x18
- RenderListMarker at (-17,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 (0,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) none]
- RenderListMarker at (-17,0) size 7x18: bullet
- RenderText {#text} at (0,0) size 158x18
- text run at (0,0) width 158: "This is a second list item."
- RenderListItem {LI} at (40,90) size 729x72 [border: none (3px solid #0000FF) none]
- RenderListMarker at (-17,0) size 7x18: bullet
- RenderText {#text} at (0,0) size 707x72
- text run at (0,0) width 700: "Each list item in this 'parent' list should have a medium-width border along its right side, in each of three colors."
- text run at (0,18) width 704: "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 (0,36) width 538: "within the list item.\"), even though the nested list does not have any border styles set. "
- text run at (538,36) width 169: "The borders should line up"
- text run at (0,54) width 621: "together at the right edge of the document's body, as each list element has a default width of 100%."
- RenderTable {TABLE} at (0,591) size 769x475 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 767x473
- RenderTableRow {TR} at (0,0) size 767x26
- RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
- RenderInline {STRONG} at (0,0) size 163x18
- RenderText {#text} at (4,4) size 163x18
+layer at (0,0) size 785x994
+ RenderBlock {HTML} at (0,0) size 785x994
+ RenderBody {BODY} at (8,8) size 769x978 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,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 344x91
+ text run at (0,0) width 180: "P {margin-right: 20px;}"
+ text run at (179,0) width 1: " "
+ text run at (0,13) width 313: ".one {border-right: purple double 10px;}"
+ text run at (312,13) width 1: " "
+ text run at (0,26) width 305: ".two {border-right: purple thin solid;}"
+ text run at (304,26) width 1: " "
+ text run at (0,39) width 336: ".threea {border-right: black medium solid;}"
+ text run at (335,39) width 1: " "
+ text run at (0,52) width 344: ".threeb {border-right: purple medium solid;}"
+ text run at (343,52) width 1: " "
+ text run at (0,65) width 328: ".threec {border-right: blue medium solid;}"
+ text run at (327,65) width 1: " "
+ text run at (0,78) width 274: "TD {border-right: green 2px solid;}"
+ text run at (273,78) width 1: " "
+ RenderBlock {HR} at (0,136) size 769x2 [border: (1px inset #EEEEEE)]
+ RenderBlock {P} at (0,154) size 749x32
+ RenderText {#text} at (0,0) size 732x32
+ 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 right sides. "
+ text run at (657,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 (0,202) size 749x16 [border: none (10px double #800080) none]
+ RenderText {#text} at (0,0) size 431x16
+ text run at (0,0) width 431: "This paragraph should have a purple, double, 10-pixel right border."
+ RenderBlock {P} at (0,234) size 749x16 [border: none (1px solid #800080) none]
+ RenderText {#text} at (0,0) size 347x16
+ text run at (0,0) width 347: "This paragraph should have a thin purple right 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) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (2,2) size 740x32
+ text run at (2,2) width 448: "Every cell in this table should have a 2-pixel solid green right border. "
+ text run at (449,2) width 293: "This is also true of the table-testing section in"
+ text run at (2,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) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (2,2) size 54x16
+ text run at (2,2) width 54: "Cell one"
+ RenderTableCell {TD} at (201,46) size 561x46 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,2) size 556x16
+ RenderText {#text} at (0,0) size 55x16
+ text run at (0,0) width 55: "Cell two"
+ RenderTable {TABLE} at (2,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) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+ RenderText {#text} at (2,2) size 156x16
+ text run at (2,2) width 156: "Nested single-cell table!"
+ RenderBlock {UL} at (0,381) size 769x144
+ RenderListItem {LI} at (40,0) size 729x64 [border: none (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,0) size 726x16
+ RenderListMarker at (-16,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 (0,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) none]
+ RenderListMarker at (-16,0) size 6x16: bullet
+ RenderText {#text} at (0,0) size 163x16
+ text run at (0,0) width 163: "This is a second list item."
+ RenderListItem {LI} at (40,80) size 729x64 [border: none (3px solid #0000FF) none]
+ RenderListMarker at (-16,0) size 6x16: bullet
+ RenderText {#text} at (0,0) size 722x64
+ text run at (0,0) width 718: "Each list item in this 'parent' list should have a medium-width border along its right side, in each of three colors."
+ text run at (0,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 (0,32) width 550: "within the list item.\"), even though the nested list does not have any border styles set. "
+ text run at (549,32) width 173: "The borders should line up"
+ text run at (0,48) width 634: "together at the right edge of the document's body, as each list element has a default width of 100%."
+ RenderTable {TABLE} at (0,541) size 769x437 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 767x435
+ RenderTableRow {TR} at (0,0) size 767x24
+ RenderTableCell {TD} at (0,0) size 767x24 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 163x16
+ RenderText {#text} at (4,4) size 163x16
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,26) size 767x447
- RenderTableCell {TD} at (0,236) size 13x26 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
- RenderText {#text} at (4,4) size 4x18
+ RenderTableRow {TR} at (0,24) size 767x411
+ RenderTableCell {TD} at (0,217) size 13x24 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x16
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (13,26) size 754x447 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 725x36
- RenderText {#text} at (0,0) size 716x36
- text run at (0,0) width 643: "Note that all table cells on this page should have a two-pixel solid green border along their right sides. "
- text run at (643,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 725x18 [border: none (10px double #800080) none]
- RenderText {#text} at (0,0) size 423x18
- text run at (0,0) width 423: "This paragraph should have a purple, double, 10-pixel right border."
- RenderBlock {P} at (4,90) size 725x18 [border: none (1px solid #800080) none]
- RenderText {#text} at (0,0) size 340x18
- text run at (0,0) width 340: "This paragraph should have a thin purple right border."
- RenderTable {TABLE} at (4,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) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
- RenderText {#text} at (2,2) size 721x36
- text run at (2,2) width 438: "Every cell in this table should have a 2-pixel solid green right border. "
- text run at (440,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,50) size 743x50
- RenderTableCell {TD} at (5,64) size 186x22 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [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 (196,50) size 542x50 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,2) size 537x18
- RenderText {#text} at (0,0) size 54x18
- text run at (0,0) width 54: "Cell two"
- RenderTable {TABLE} at (2,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) (1px inset #808080)] [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,247) size 745x180
- RenderListItem {LI} at (40,0) size 705x72 [border: none (3px solid #000000) none]
- RenderBlock (anonymous) at (0,0) size 702x18
- RenderListMarker at (-17,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 (0,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) none]
- RenderListMarker at (-17,0) size 7x18: bullet
- RenderText {#text} at (0,0) size 158x18
- text run at (0,0) width 158: "This is a second list item."
- RenderListItem {LI} at (40,90) size 705x90 [border: none (3px solid #0000FF) none]
- RenderListMarker at (-17,0) size 7x18: bullet
- RenderText {#text} at (0,0) size 700x90
- text run at (0,0) width 700: "Each list item in this 'parent' list should have a medium-width border along its right side, in each of three colors."
- text run at (0,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 (0,36) width 601: "\"...nested within the list item.\"), even though the nested list does not have any border styles set. "
- text run at (601,36) width 76: "The borders"
- text run at (0,54) width 669: "should line up together at the right edge of the document's body, as each list element has a default width of"
- text run at (0,72) width 41: "100%."
+ RenderTableCell {TD} at (13,24) size 754x411 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 725x32
+ RenderText {#text} at (0,0) size 687x32
+ 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 right sides. "
+ text run at (657,0) width 30: "This"
+ text run at (0,16) width 419: "border applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (4,52) size 725x16 [border: none (10px double #800080) none]
+ RenderText {#text} at (0,0) size 431x16
+ text run at (0,0) width 431: "This paragraph should have a purple, double, 10-pixel right border."
+ RenderBlock {P} at (4,84) size 725x16 [border: none (1px solid #800080) none]
+ RenderText {#text} at (0,0) size 347x16
+ text run at (0,0) width 347: "This paragraph should have a thin purple right border."
+ RenderTable {TABLE} at (4,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) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (2,2) size 723x32
+ text run at (2,2) width 448: "Every cell in this table should have a 2-pixel solid green right border. "
+ text run at (449,2) width 276: "This is also true of the table-testing section"
+ text run at (2,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) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (2,2) size 54x16
+ text run at (2,2) width 54: "Cell one"
+ RenderTableCell {TD} at (195,46) size 543x46 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,2) size 538x16
+ RenderText {#text} at (0,0) size 55x16
+ text run at (0,0) width 55: "Cell two"
+ RenderTable {TABLE} at (2,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) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+ RenderText {#text} at (2,2) size 156x16
+ text run at (2,2) width 156: "Nested single-cell table!"
+ RenderBlock {UL} at (4,231) size 745x160
+ RenderListItem {LI} at (40,0) size 705x64 [border: none (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,0) size 702x16
+ RenderListMarker at (-16,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 (0,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) none]
+ RenderListMarker at (-16,0) size 6x16: bullet
+ RenderText {#text} at (0,0) size 163x16
+ text run at (0,0) width 163: "This is a second list item."
+ RenderListItem {LI} at (40,80) size 705x80 [border: none (3px solid #0000FF) none]
+ RenderListMarker at (-16,0) size 6x16: bullet
+ RenderText {#text} at (0,0) size 678x80
+ text run at (0,0) width 671: "Each list item in this 'parent' list should have a medium-width border along its right side, in each of three"
+ text run at (0,16) width 48: "colors. "
+ text run at (47,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 (0,32) width 642: "line \"...nested within the list item.\"), even though the nested list does not have any border styles set. "
+ text run at (641,32) width 26: "The"
+ text run at (0,48) width 678: "borders should line up together at the right edge of the document's body, as each list element has a default"
+ text run at (0,64) width 100: "width of 100%."