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 416x45
- text run at (0,0) width 416: ".one {border-left-width: 25px; border-style: solid;}"
- text run at (416,0) width 0: " "
- text run at (0,15) width 416: ".two {border-left-width: thin; border-style: solid;}"
- text run at (416,15) width 0: " "
- text run at (0,30) width 264: ".three {border-left-width: 25px;}"
- text run at (264,30) width 0: " "
- RenderBlock {HR} at (0,92) size 784x2 [border: (1px inset #EEEEEE)]
- RenderBlock {P} at (0,110) size 784x78 [border: (3px solid #000000) (25px solid #000000)]
- RenderText {#text} at (25,3) size 172x18
- text run at (25,3) width 172: "This element has a class of "
- RenderInline {TT} at (0,0) size 24x15
- RenderText {#text} at (197,5) size 24x15
- text run at (197,5) width 24: "one"
- RenderText {#text} at (221,3) size 162x18
- text run at (221,3) width 8: ". "
- text run at (229,3) width 154: "However, it contains an "
- RenderInline {SPAN} at (0,0) size 171x24 [border: (3px solid #000000) (1px solid #000000)]
- RenderText {#text} at (384,3) size 143x18
- text run at (384,3) width 143: "inline element of class "
- RenderInline {TT} at (0,0) size 24x15
- RenderText {#text} at (527,5) size 24x15
- text run at (527,5) width 24: "two"
- RenderText {#text} at (554,3) size 749x36
- text run at (554,3) width 220: ", which should result in a thin solid"
- text run at (25,21) width 181: "border on the left side of the "
- RenderInline {STRONG} at (0,0) size 27x18
- RenderText {#text} at (206,21) size 27x18
- text run at (206,21) width 27: "first"
- RenderText {#text} at (233,21) size 750x36
- text run at (233,21) width 505: " box in the inline element (and the UA's default border on the other three sides). "
- text run at (738,21) width 37: "There"
- text run at (25,39) width 62: "is also an "
- RenderInline {SPAN} at (0,0) size 183x18
- RenderText {#text} at (87,39) size 143x18
- text run at (87,39) width 143: "inline element of class "
- RenderInline {TT} at (0,0) size 40x15
- RenderText {#text} at (230,41) size 40x15
- text run at (230,41) width 40: "three"
- RenderText {#text} at (270,39) size 727x36
- text run at (270,39) width 482: ", which should have no left border width or visible border because no border"
- text run at (25,57) width 83: "style was set."
- RenderTable {TABLE} at (0,204) size 784x114 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 782x112
- 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 406x39
+ text run at (0,0) width 406: ".one {border-left-width: 25px; border-style: solid;}"
+ text run at (405,0) width 1: " "
+ text run at (0,13) width 406: ".two {border-left-width: thin; border-style: solid;}"
+ text run at (405,13) width 1: " "
+ text run at (0,26) width 258: ".three {border-left-width: 25px;}"
+ text run at (257,26) width 1: " "
+ RenderBlock {HR} at (0,84) size 784x2 [border: (1px inset #EEEEEE)]
+ RenderBlock {P} at (0,102) size 784x70 [border: (3px solid #000000) (25px solid #000000)]
+ RenderText {#text} at (25,3) size 176x16
+ text run at (25,3) width 176: "This element has a class of "
+ RenderInline {TT} at (0,0) size 25x13
+ RenderText {#text} at (200,5) size 25x13
+ text run at (200,5) width 25: "one"
+ RenderText {#text} at (224,3) size 165x16
+ text run at (224,3) width 9: ". "
+ text run at (232,3) width 157: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 176x22 [border: (3px solid #000000) (1px solid #000000)]
+ RenderText {#text} at (389,3) size 148x16
+ text run at (389,3) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x13
+ RenderText {#text} at (536,5) size 25x13
+ text run at (536,5) width 25: "two"
+ RenderText {#text} at (563,3) size 728x32
+ text run at (563,3) width 190: ", which should result in a thin"
+ text run at (25,19) width 221: "solid border on the left side of the "
+ RenderInline {STRONG} at (0,0) size 29x16
+ RenderText {#text} at (245,19) size 29x16
+ text run at (245,19) width 29: "first"
+ RenderText {#text} at (273,19) size 715x32
+ text run at (273,19) width 467: " box in the inline element (and the UA's default border on the other three"
+ text run at (25,35) width 46: "sides). "
+ text run at (70,35) width 106: "There is also an "
+ RenderInline {SPAN} at (0,0) size 187x16
+ RenderText {#text} at (175,35) size 148x16
+ text run at (175,35) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 40x13
+ RenderText {#text} at (322,37) size 40x13
+ text run at (322,37) width 40: "three"
+ RenderText {#text} at (361,35) size 706x32
+ text run at (361,35) width 370: ", which should have no left border width or visible border"
+ text run at (25,51) width 206: "because no border style was set."
+ RenderTable {TABLE} at (0,188) size 784x104 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 782x102
+ 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 782x86
- RenderTableCell {TD} at (0,56) 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 782x78
+ RenderTableCell {TD} at (0,51) 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 770x86 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x78 [border: (3px solid #000000) (25px solid #000000)]
- RenderText {#text} at (25,3) size 172x18
- text run at (25,3) width 172: "This element has a class of "
- RenderInline {TT} at (0,0) size 24x15
- RenderText {#text} at (197,5) size 24x15
- text run at (197,5) width 24: "one"
- RenderText {#text} at (221,3) size 162x18
- text run at (221,3) width 8: ". "
- text run at (229,3) width 154: "However, it contains an "
- RenderInline {SPAN} at (0,0) size 171x24 [border: (3px solid #000000) (1px solid #000000)]
- RenderText {#text} at (384,3) size 143x18
- text run at (384,3) width 143: "inline element of class "
- RenderInline {TT} at (0,0) size 24x15
- RenderText {#text} at (527,5) size 24x15
- text run at (527,5) width 24: "two"
- RenderText {#text} at (554,3) size 715x36
- text run at (554,3) width 186: ", which should result in a thin"
- text run at (25,21) width 215: "solid border on the left side of the "
- RenderInline {STRONG} at (0,0) size 27x18
- RenderText {#text} at (240,21) size 27x18
- text run at (240,21) width 27: "first"
- RenderText {#text} at (267,21) size 699x36
- text run at (267,21) width 457: " box in the inline element (and the UA's default border on the other three"
- text run at (25,39) width 44: "sides). "
- text run at (69,39) width 103: "There is also an "
- RenderInline {SPAN} at (0,0) size 183x18
- RenderText {#text} at (172,39) size 143x18
- text run at (172,39) width 143: "inline element of class "
- RenderInline {TT} at (0,0) size 40x15
- RenderText {#text} at (315,41) size 40x15
- text run at (315,41) width 40: "three"
- RenderText {#text} at (355,39) size 693x36
- text run at (355,39) width 363: ", which should have no left border width or visible border"
- text run at (25,57) width 202: "because no border style was set."
+ RenderTableCell {TD} at (12,24) size 770x78 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x70 [border: (3px solid #000000) (25px solid #000000)]
+ RenderText {#text} at (25,3) size 176x16
+ text run at (25,3) width 176: "This element has a class of "
+ RenderInline {TT} at (0,0) size 25x13
+ RenderText {#text} at (200,5) size 25x13
+ text run at (200,5) width 25: "one"
+ RenderText {#text} at (224,3) size 165x16
+ text run at (224,3) width 9: ". "
+ text run at (232,3) width 157: "However, it contains an "
+ RenderInline {SPAN} at (0,0) size 176x22 [border: (3px solid #000000) (1px solid #000000)]
+ RenderText {#text} at (389,3) size 148x16
+ text run at (389,3) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 25x13
+ RenderText {#text} at (536,5) size 25x13
+ text run at (536,5) width 25: "two"
+ RenderText {#text} at (563,3) size 728x32
+ text run at (563,3) width 190: ", which should result in a thin"
+ text run at (25,19) width 221: "solid border on the left side of the "
+ RenderInline {STRONG} at (0,0) size 29x16
+ RenderText {#text} at (245,19) size 29x16
+ text run at (245,19) width 29: "first"
+ RenderText {#text} at (273,19) size 715x32
+ text run at (273,19) width 467: " box in the inline element (and the UA's default border on the other three"
+ text run at (25,35) width 46: "sides). "
+ text run at (70,35) width 106: "There is also an "
+ RenderInline {SPAN} at (0,0) size 187x16
+ RenderText {#text} at (175,35) size 148x16
+ text run at (175,35) width 148: "inline element of class "
+ RenderInline {TT} at (0,0) size 40x13
+ RenderText {#text} at (322,37) size 40x13
+ text run at (322,37) width 40: "three"
+ RenderText {#text} at (361,35) size 706x32
+ text run at (361,35) width 370: ", which should have no left border width or visible border"
+ text run at (25,51) width 206: "because no border style was set."