layer at (0,0) size 800x600
RenderBlock {HTML} at (0,0) size 800x600
RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 784x18
- 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
- RenderText {#text} at (0,0) size 432x45
- text run at (0,0) width 432: ".one {border-bottom-width: 25px; border-style: solid;}"
- text run at (432,0) width 0: " "
- text run at (0,15) width 432: ".two {border-bottom-width: thin; border-style: solid;}"
- text run at (432,15) width 0: " "
- text run at (0,30) width 280: ".three {border-bottom-width: 25px;}"
- text run at (280,30) width 0: " "
- RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #EEEEEE)]
- RenderBlock {P} at (0,110) size 784x100 [border: (3px solid #000000) (25px solid #000000) (3px solid #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 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
- 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 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x134
- RenderTableRow {TR} at (0,0) size 782x26
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
- RenderInline {STRONG} at (0,0) size 163x18
- RenderText {#text} at (4,4) size 163x18
+ RenderBlock {P} at (0,0) size 784x16
+ 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 784x39
+ RenderText {#text} at (0,0) size 422x39
+ text run at (0,0) width 422: ".one {border-bottom-width: 25px; border-style: solid;}"
+ text run at (421,0) width 1: " "
+ text run at (0,13) width 422: ".two {border-bottom-width: thin; border-style: solid;}"
+ text run at (421,13) width 1: " "
+ text run at (0,26) width 274: ".three {border-bottom-width: 25px;}"
+ text run at (273,26) width 1: " "
+ RenderBlock {HR} at (0,84) size 784x2 [border: (1px inset #EEEEEE)]
+ RenderBlock {P} at (0,102) size 784x92 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 176x16
+ text run at (3,3) width 176: "This element has a class of "
+ RenderInline {TT} at (0,0) size 25x13
+ RenderText {#text} at (178,5) size 25x13
+ text run at (178,5) width 25: "one"
+ RenderText {#text} at (202,3) size 165x16
+ text run at (202,3) width 9: ". "
+ text run at (210,3) width 157: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 178x20 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (369,3) size 148x16
+ text run at (369,3) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x13
+ RenderText {#text} at (516,5) size 25x13
+ text run at (516,5) width 25: "two"
+ RenderText {#text} at (543,3) size 768x48
+ text run at (543,3) width 226: ", which should result in a thin solid"
+ text run at (3,19) width 731: "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 (733,19) width 38: "There"
+ text run at (3,35) width 64: "is also an "
+ RenderInline {SPAN} at (0,0) size 188x16
+ RenderText {#text} at (66,35) size 149x16
+ text run at (66,35) width 149: "inline element of class "
+ RenderInline {TT} at (0,0) size 40x13
+ RenderText {#text} at (214,37) size 40x13
+ text run at (214,37) width 40: "three"
+ RenderText {#text} at (253,35) size 764x32
+ text run at (253,35) width 514: ", which should have no bottom border width or visible border because no border"
+ text run at (3,51) width 85: "style was set."
+ RenderTable {TABLE} at (0,210) size 784x126 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x124
+ RenderTableRow {TR} at (0,0) size 782x24
+ RenderTableCell {TD} at (0,0) size 782x24 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 163x16
+ RenderText {#text} at (4,4) size 163x16
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,26) size 782x108
- RenderTableCell {TD} at (0,67) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
- RenderText {#text} at (4,4) size 4x18
+ RenderTableRow {TR} at (0,24) size 782x100
+ RenderTableCell {TD} at (0,62) size 12x24 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x16
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x108 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x100 [border: (3px solid #000000) (25px solid #000000) (3px solid #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 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
- 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."
+ RenderTableCell {TD} at (12,24) size 770x100 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x92 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (3,3) size 176x16
+ text run at (3,3) width 176: "This element has a class of "
+ RenderInline {TT} at (0,0) size 25x13
+ RenderText {#text} at (178,5) size 25x13
+ text run at (178,5) width 25: "one"
+ RenderText {#text} at (202,3) size 165x16
+ text run at (202,3) width 9: ". "
+ text run at (210,3) width 157: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 178x20 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
+ RenderText {#text} at (369,3) size 148x16
+ text run at (369,3) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x13
+ RenderText {#text} at (516,5) size 25x13
+ text run at (516,5) width 25: "two"
+ RenderText {#text} at (543,3) size 730x48
+ text run at (543,3) width 190: ", which should result in a thin"
+ text run at (3,19) width 717: "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,35) width 46: "sides). "
+ text run at (48,35) width 106: "There is also an "
+ RenderInline {SPAN} at (0,0) size 187x16
+ RenderText {#text} at (153,35) size 148x16
+ text run at (153,35) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 40x13
+ RenderText {#text} at (300,37) size 40x13
+ text run at (300,37) width 40: "three"
+ RenderText {#text} at (339,35) size 730x32
+ text run at (339,35) width 394: ", which should have no bottom border width or visible border"
+ text run at (3,51) width 206: "because no border style was set."