-layer at (0,0) size 784x1131
+layer at (0,0) size 784x1120
RenderView at (0,0) size 784x600
-layer at (0,0) size 784x1131
- RenderBlock {HTML} at (0,0) size 784x1131
- RenderBody {BODY} at (8,8) size 768x1115 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 768x22
- RenderText {#text} at (0,0) size 380x22
- text run at (0,0) width 380: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,38) size 768x68
+layer at (0,0) size 784x1120
+ RenderBlock {HTML} at (0,0) size 784x1120
+ RenderBody {BODY} at (8,8) size 768x1104 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x21
+ RenderText {#text} at (0,0) size 395x21
+ text run at (0,0) width 395: "The style declarations which apply to the text below are:"
+ RenderBlock {PRE} at (0,37) size 768x68
RenderText {#text} at (0,0) size 249x68
text run at (0,0) width 238: ".one {border-bottom: purple double 10px;}"
text run at (238,0) width 0: " "
text run at (249,34) width 0: " "
text run at (0,51) width 209: "TD {border-bottom: green 2px solid;}"
text run at (209,51) width 0: " "
- RenderBlock {HR} at (0,119) size 768x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,137) size 768x44
- RenderText {#text} at (0,0) size 731x44
- text run at (0,0) width 701: "Note that all table cells on this page should have a two-pixel solid green border along their bottom sides. "
- text run at (701,0) width 30: "This"
- text run at (0,22) width 438: "border applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (0,197) size 768x32 [border: (10px double #800080) none]
- RenderText {#text} at (0,0) size 475x22
- text run at (0,0) width 475: "This paragraph should have a purple, double, 10-pixel bottom border."
- RenderBlock {P} at (0,245) size 768x23 [border: (1px solid #800080) none]
- RenderText {#text} at (0,0) size 391x22
- text run at (0,0) width 391: "This paragraph should have a thin purple bottom border."
- RenderTable {TABLE} at (0,284) size 768x126 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 766x124
- RenderTableRow {TR} at (0,5) size 766x49
- RenderTableCell {TD} at (5,5) size 756x49 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
- RenderText {#text} at (2,2) size 717x44
- text run at (2,2) width 483: "Every cell in this table should have a 2-pixel solid green bottom border. "
- text run at (485,2) width 234: "This is also true of the table-testing"
- text run at (2,24) width 277: "section in the second half of the test page."
- RenderTableRow {TR} at (0,59) size 766x60
- RenderTableCell {TD} at (5,75) size 192x27 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
- RenderText {#text} at (2,2) size 55x22
- text run at (2,2) width 55: "Cell one"
- RenderTableCell {TD} at (202,59) size 559x60 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,2) size 555x22
- RenderText {#text} at (0,0) size 56x22
- text run at (0,0) width 56: "Cell two"
- RenderTable {TABLE} at (2,24) size 167x33 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 165x31
- RenderTableRow {TR} at (0,2) size 165x27
- RenderTableCell {TD} at (2,2) size 161x27 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
- RenderText {#text} at (2,2) size 157x22
- text run at (2,2) width 157: "Nested single-cell table!"
- RenderBlock {UL} at (0,426) size 768x163
- RenderListItem {LI} at (40,0) size 728x91 [border: (3px solid #000000) none]
- RenderBlock (anonymous) at (0,0) size 728x22
- RenderListMarker at (-18,0) size 7x22: bullet
- RenderText {#text} at (0,0) size 124x22
- text run at (0,0) width 124: "This is a list item..."
- RenderBlock {UL} at (0,22) size 728x66
- RenderListItem {LI} at (40,0) size 688x22
- RenderListMarker at (-18,0) size 7x22: white bullet
- RenderText {#text} at (0,0) size 78x22
- text run at (0,0) width 78: "...and this..."
- RenderListItem {LI} at (40,22) size 688x22
- RenderListMarker at (-18,0) size 7x22: white bullet
- RenderText {#text} at (0,0) size 119x22
- text run at (0,0) width 119: "...is a second list..."
- RenderListItem {LI} at (40,44) size 688x22
- RenderListMarker at (-18,0) size 7x22: white bullet
- RenderText {#text} at (0,0) size 187x22
- text run at (0,0) width 187: "...nested within the list item."
- RenderListItem {LI} at (40,91) size 728x25 [border: (3px solid #000000) none]
- RenderListMarker at (-18,0) size 7x22: bullet
- RenderText {#text} at (0,0) size 166x22
- text run at (0,0) width 166: "This is a second list item."
- RenderListItem {LI} at (40,116) size 728x47 [border: (3px solid #000000) none]
- RenderListMarker at (-18,0) size 7x22: bullet
- RenderText {#text} at (0,0) size 701x44
- text run at (0,0) width 701: "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,22) width 192: "means that it should appear "
- RenderInline {EM} at (0,0) size 52x22
- RenderText {#text} at (192,22) size 52x22
- text run at (192,22) width 52: "beneath"
- RenderText {#text} at (244,22) size 415x22
- text run at (244,22) width 415: " the nested list (below the line \"...nested within the list item.\")."
- RenderTable {TABLE} at (0,605) size 768x510 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 766x508
- RenderTableRow {TR} at (0,0) size 766x31
- RenderTableCell {TD} at (0,0) size 766x31 [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 163x22
- RenderText {#text} at (4,4) size 163x22
- text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,31) size 766x477
- RenderTableCell {TD} at (0,254) size 12x31 [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 4x22
+ RenderBlock {HR} at (0,118) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,136) size 768x42
+ RenderText {#text} at (0,0) size 734x42
+ text run at (0,0) width 734: "Note that all table cells on this page should have a two-pixel solid green border along their bottom sides."
+ text run at (0,21) width 490: "This border applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (0,194) size 768x31 [border: (10px double #800080) none]
+ RenderText {#text} at (0,0) size 489x21
+ text run at (0,0) width 489: "This paragraph should have a purple, double, 10-pixel bottom border."
+ RenderBlock {P} at (0,241) size 768x22 [border: (1px solid #800080) none]
+ RenderText {#text} at (0,0) size 397x21
+ text run at (0,0) width 397: "This paragraph should have a thin purple bottom border."
+ RenderTable {TABLE} at (0,279) size 768x122 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x120
+ RenderTableRow {TR} at (0,5) size 766x47
+ RenderTableCell {TD} at (5,5) size 756x47 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (2,2) size 750x42
+ text run at (2,2) width 504: "Every cell in this table should have a 2-pixel solid green bottom border. "
+ text run at (506,2) width 246: "This is also true of the table-testing"
+ text run at (2,23) width 296: "section in the second half of the test page."
+ RenderTableRow {TR} at (0,57) size 766x58
+ RenderTableCell {TD} at (5,73) size 192x26 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (2,2) size 60x21
+ text run at (2,2) width 60: "Cell one"
+ RenderTableCell {TD} at (202,57) size 559x58 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,2) size 555x21
+ RenderText {#text} at (0,0) size 58x21
+ text run at (0,0) width 58: "Cell two"
+ RenderTable {TABLE} at (2,23) size 181x32 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 179x30
+ RenderTableRow {TR} at (0,2) size 179x26
+ RenderTableCell {TD} at (2,2) size 175x26 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+ RenderText {#text} at (2,2) size 171x21
+ text run at (2,2) width 171: "Nested single-cell table!"
+ RenderBlock {UL} at (0,417) size 768x156
+ RenderListItem {LI} at (40,0) size 728x87 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,0) size 728x21
+ RenderListMarker at (-18,0) size 7x21: bullet
+ RenderText {#text} at (0,0) size 130x21
+ text run at (0,0) width 130: "This is a list item..."
+ RenderBlock {UL} at (0,21) size 728x63
+ RenderListItem {LI} at (40,0) size 688x21
+ RenderListMarker at (-18,0) size 7x21: white bullet
+ RenderText {#text} at (0,0) size 80x21
+ text run at (0,0) width 80: "...and this..."
+ RenderListItem {LI} at (40,21) size 688x21
+ RenderListMarker at (-18,0) size 7x21: white bullet
+ RenderText {#text} at (0,0) size 129x21
+ text run at (0,0) width 129: "...is a second list..."
+ RenderListItem {LI} at (40,42) size 688x21
+ RenderListMarker at (-18,0) size 7x21: white bullet
+ RenderText {#text} at (0,0) size 194x21
+ text run at (0,0) width 194: "...nested within the list item."
+ RenderListItem {LI} at (40,87) size 728x24 [border: (3px solid #000000) none]
+ RenderListMarker at (-18,0) size 7x21: bullet
+ RenderText {#text} at (0,0) size 178x21
+ text run at (0,0) width 178: "This is a second list item."
+ RenderListItem {LI} at (40,111) size 728x45 [border: (3px solid #000000) none]
+ RenderListMarker at (-18,0) size 7x21: bullet
+ RenderText {#text} at (0,0) size 715x42
+ text run at (0,0) width 715: "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,21) width 200: "means that it should appear "
+ RenderInline {EM} at (0,0) size 58x21
+ RenderText {#text} at (200,21) size 58x21
+ text run at (200,21) width 58: "beneath"
+ RenderText {#text} at (258,21) size 429x21
+ text run at (258,21) width 429: " the nested list (below the line \"...nested within the list item.\")."
+ RenderTable {TABLE} at (0,589) size 768x515 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x513
+ RenderTableRow {TR} at (0,0) size 766x30
+ RenderTableCell {TD} at (0,0) size 766x30 [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 178x21
+ RenderText {#text} at (4,4) size 178x21
+ text run at (4,4) width 178: "TABLE Testing Section"
+ RenderTableRow {TR} at (0,30) size 766x483
+ RenderTableCell {TD} at (0,256) size 12x30 [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 4x21
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,31) size 754x477 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 746x44
- RenderText {#text} at (0,0) size 731x44
- text run at (0,0) width 701: "Note that all table cells on this page should have a two-pixel solid green border along their bottom sides. "
- text run at (701,0) width 30: "This"
- text run at (0,22) width 438: "border applies only to the cells, not the rows which contain them."
- RenderBlock {P} at (4,64) size 746x32 [border: (10px double #800080) none]
- RenderText {#text} at (0,0) size 475x22
- text run at (0,0) width 475: "This paragraph should have a purple, double, 10-pixel bottom border."
- RenderBlock {P} at (4,112) size 746x23 [border: (1px solid #800080) none]
- RenderText {#text} at (0,0) size 391x22
- text run at (0,0) width 391: "This paragraph should have a thin purple bottom border."
- RenderTable {TABLE} at (4,151) size 746x126 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 744x124
- RenderTableRow {TR} at (0,5) size 744x49
- RenderTableCell {TD} at (5,5) size 734x49 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
- RenderText {#text} at (2,2) size 717x44
- text run at (2,2) width 483: "Every cell in this table should have a 2-pixel solid green bottom border. "
- text run at (485,2) width 234: "This is also true of the table-testing"
- text run at (2,24) width 277: "section in the second half of the test page."
- RenderTableRow {TR} at (0,59) size 744x60
- RenderTableCell {TD} at (5,75) size 186x27 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
- RenderText {#text} at (2,2) size 55x22
- text run at (2,2) width 55: "Cell one"
- RenderTableCell {TD} at (196,59) size 543x60 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock (anonymous) at (2,2) size 539x22
- RenderText {#text} at (0,0) size 56x22
- text run at (0,0) width 56: "Cell two"
- RenderTable {TABLE} at (2,24) size 167x33 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 165x31
- RenderTableRow {TR} at (0,2) size 165x27
- RenderTableCell {TD} at (2,2) size 161x27 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
- RenderText {#text} at (2,2) size 157x22
- text run at (2,2) width 157: "Nested single-cell table!"
- RenderBlock {UL} at (4,293) size 746x163
- RenderListItem {LI} at (40,0) size 706x91 [border: (3px solid #000000) none]
- RenderBlock (anonymous) at (0,0) size 706x22
- RenderListMarker at (-18,0) size 7x22: bullet
- RenderText {#text} at (0,0) size 124x22
- text run at (0,0) width 124: "This is a list item..."
- RenderBlock {UL} at (0,22) size 706x66
- RenderListItem {LI} at (40,0) size 666x22
- RenderListMarker at (-18,0) size 7x22: white bullet
- RenderText {#text} at (0,0) size 78x22
- text run at (0,0) width 78: "...and this..."
- RenderListItem {LI} at (40,22) size 666x22
- RenderListMarker at (-18,0) size 7x22: white bullet
- RenderText {#text} at (0,0) size 119x22
- text run at (0,0) width 119: "...is a second list..."
- RenderListItem {LI} at (40,44) size 666x22
- RenderListMarker at (-18,0) size 7x22: white bullet
- RenderText {#text} at (0,0) size 187x22
- text run at (0,0) width 187: "...nested within the list item."
- RenderListItem {LI} at (40,91) size 706x25 [border: (3px solid #000000) none]
- RenderListMarker at (-18,0) size 7x22: bullet
- RenderText {#text} at (0,0) size 166x22
- text run at (0,0) width 166: "This is a second list item."
- RenderListItem {LI} at (40,116) size 706x47 [border: (3px solid #000000) none]
- RenderListMarker at (-18,0) size 7x22: bullet
- RenderText {#text} at (0,0) size 701x44
- text run at (0,0) width 701: "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,22) width 192: "means that it should appear "
- RenderInline {EM} at (0,0) size 52x22
- RenderText {#text} at (192,22) size 52x22
- text run at (192,22) width 52: "beneath"
- RenderText {#text} at (244,22) size 415x22
- text run at (244,22) width 415: " the nested list (below the line \"...nested within the list item.\")."
+ RenderTableCell {TD} at (12,30) size 754x483 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 746x42
+ RenderText {#text} at (0,0) size 734x42
+ text run at (0,0) width 734: "Note that all table cells on this page should have a two-pixel solid green border along their bottom sides."
+ text run at (0,21) width 490: "This border applies only to the cells, not the rows which contain them."
+ RenderBlock {P} at (4,62) size 746x31 [border: (10px double #800080) none]
+ RenderText {#text} at (0,0) size 489x21
+ text run at (0,0) width 489: "This paragraph should have a purple, double, 10-pixel bottom border."
+ RenderBlock {P} at (4,109) size 746x22 [border: (1px solid #800080) none]
+ RenderText {#text} at (0,0) size 397x21
+ text run at (0,0) width 397: "This paragraph should have a thin purple bottom border."
+ RenderTable {TABLE} at (4,147) size 746x122 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 744x120
+ RenderTableRow {TR} at (0,5) size 744x47
+ RenderTableCell {TD} at (5,5) size 734x47 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderText {#text} at (2,2) size 703x42
+ text run at (2,2) width 504: "Every cell in this table should have a 2-pixel solid green bottom border. "
+ text run at (506,2) width 199: "This is also true of the table-"
+ text run at (2,23) width 347: "testing section in the second half of the test page."
+ RenderTableRow {TR} at (0,57) size 744x58
+ RenderTableCell {TD} at (5,73) size 186x26 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (2,2) size 60x21
+ text run at (2,2) width 60: "Cell one"
+ RenderTableCell {TD} at (196,57) size 543x58 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock (anonymous) at (2,2) size 539x21
+ RenderText {#text} at (0,0) size 58x21
+ text run at (0,0) width 58: "Cell two"
+ RenderTable {TABLE} at (2,23) size 181x32 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 179x30
+ RenderTableRow {TR} at (0,2) size 179x26
+ RenderTableCell {TD} at (2,2) size 175x26 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+ RenderText {#text} at (2,2) size 171x21
+ text run at (2,2) width 171: "Nested single-cell table!"
+ RenderBlock {UL} at (4,285) size 746x177
+ RenderListItem {LI} at (40,0) size 706x87 [border: (3px solid #000000) none]
+ RenderBlock (anonymous) at (0,0) size 706x21
+ RenderListMarker at (-18,0) size 7x21: bullet
+ RenderText {#text} at (0,0) size 130x21
+ text run at (0,0) width 130: "This is a list item..."
+ RenderBlock {UL} at (0,21) size 706x63
+ RenderListItem {LI} at (40,0) size 666x21
+ RenderListMarker at (-18,0) size 7x21: white bullet
+ RenderText {#text} at (0,0) size 80x21
+ text run at (0,0) width 80: "...and this..."
+ RenderListItem {LI} at (40,21) size 666x21
+ RenderListMarker at (-18,0) size 7x21: white bullet
+ RenderText {#text} at (0,0) size 129x21
+ text run at (0,0) width 129: "...is a second list..."
+ RenderListItem {LI} at (40,42) size 666x21
+ RenderListMarker at (-18,0) size 7x21: white bullet
+ RenderText {#text} at (0,0) size 194x21
+ text run at (0,0) width 194: "...nested within the list item."
+ RenderListItem {LI} at (40,87) size 706x24 [border: (3px solid #000000) none]
+ RenderListMarker at (-18,0) size 7x21: bullet
+ RenderText {#text} at (0,0) size 178x21
+ text run at (0,0) width 178: "This is a second list item."
+ RenderListItem {LI} at (40,111) size 706x66 [border: (3px solid #000000) none]
+ RenderListMarker at (-18,0) size 7x21: bullet
+ RenderText {#text} at (0,0) size 681x42
+ text run at (0,0) width 681: "Each list item in this list should have a medium-width black border at its bottom, which for the first"
+ text run at (0,21) width 234: "item means that it should appear "
+ RenderInline {EM} at (0,0) size 58x21
+ RenderText {#text} at (234,21) size 58x21
+ text run at (234,21) width 58: "beneath"
+ RenderText {#text} at (292,21) size 668x42
+ text run at (292,21) width 376: " the nested list (below the line \"...nested within the list"
+ text run at (0,42) width 49: "item.\")."