text run at (0,15) width 128: ".1 {color: red;}"
text run at (0,30) width 152: ".a1 {color: green;}"
text run at (0,45) width 176: "P.two {color: purple;}"
- RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,125) size 784x18 [color=#008000] [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 194x18
text run at (0,0) width 194: "This sentence should be green."
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 237x18
text run at (0,0) width 237: "This sentence should NOT be purple."
- RenderTable {TABLE} at (0,326) size 581x237 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,326) size 581x237 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x235
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 579x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 579x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,117) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,117) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 567x209 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 567x209 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 559x18 [color=#008000]
RenderText {TEXT} at (0,0) size 194x18
text run at (0,0) width 194: "This sentence should be green."
text run at (0,165) width 176: ".seven {color: green;}"
text run at (0,180) width 128: "/* a comment **/"
text run at (0,195) width 176: ".eight {color: green;}"
- RenderBlock {HR} at (0,272) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,272) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,290) size 784x18 [color=#008000] [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 194x18
text run at (0,0) width 194: "This sentence should be green."
RenderBlock {P} at (0,528) size 784x18 [color=#008000] [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 194x18
text run at (0,0) width 194: "This sentence should be green."
- RenderTable {TABLE} at (0,562) size 216x292 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,562) size 216x292 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x290
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 214x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 214x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,145) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,145) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 202x264 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 202x264 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 194x18 [color=#008000]
RenderText {TEXT} at (0,0) size 194x18
text run at (0,0) width 194: "This sentence should be green."
text run at (0,105) width 32: "<!--"
text run at (0,120) width 168: "P.six {color: green;}"
text run at (0,135) width 24: "-->"
- RenderBlock {HR} at (0,197) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,197) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,215) size 784x18 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 404x18
text run at (0,0) width 404: "This sentence should be underlined due to the linked style sheet "
RenderBlock {P} at (0,527) size 784x18 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This paragraph should be green."
- RenderTable {TABLE} at (0,561) size 784x366 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,561) size 784x366 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x364
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,182) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,182) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x338 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x338 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 762x18
RenderText {TEXT} at (0,0) size 404x18
text run at (0,0) width 404: "This sentence should be underlined due to the linked style sheet "
text run at (0,0) width 288: "P {color: navy; font-family: serif;}"
text run at (0,15) width 472: "HTML BODY TABLE P {color: purple; font-family: sans-serif;}"
text run at (0,30) width 224: "EM, UL LI LI {color: green;}"
- RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,125) size 784x18 [color=#000080] [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 625x18
text run at (0,0) width 625: "This sentence should be navy serif in the first half of the page, but purple and sans-serif in the table."
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 136x18
text run at (0,0) width 136: "This should be green."
- RenderTable {TABLE} at (0,245) size 722x156 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,245) size 722x156 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x154
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 720x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 720x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,77) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,77) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 708x128 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 708x128 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 700x18 [color=#800080]
RenderText {TEXT} at (0,0) size 700x18
text run at (0,0) width 700: "This sentence should be navy serif in the first half of the page, but purple and sans-serif in the table."
RenderBlock {PRE} at (0,34) size 784x30 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 272x15
text run at (0,0) width 272: ".one, .two, .three {color: green;}"
- RenderBlock {HR} at (0,77) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,77) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,95) size 784x18 [color=#008000] [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 194x18
text run at (0,0) width 194: "This sentence should be green."
RenderBlock {P} at (0,163) size 784x18 [color=#008000] [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 194x18
text run at (0,0) width 194: "This sentence should be green."
- RenderTable {TABLE} at (0,197) size 216x122 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,197) size 216x122 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x120
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 214x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 214x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,60) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,60) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 202x94 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 202x94 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 194x18 [color=#008000]
RenderText {TEXT} at (0,0) size 194x18
text run at (0,0) width 194: "This sentence should be green."
text run at (0,75) width 152: "#a2 {color: green;}"
text run at (0,90) width 240: "P#five, P#five2 {color: blue;}"
text run at (0,105) width 240: "P#six, P#six2 {color: purple;}"
- RenderBlock {HR} at (0,167) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,167) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,185) size 784x18 [color=#008000] [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 194x18
text run at (0,0) width 194: "This sentence should be green."
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 237x18
text run at (0,0) width 237: "This sentence should NOT be purple."
- RenderTable {TABLE} at (0,380) size 422x231 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,380) size 422x231 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x229
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 420x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 420x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,114) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,114) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 408x203 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 408x203 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 400x18 [color=#008000]
RenderText {TEXT} at (0,0) size 194x18
text run at (0,0) width 194: "This sentence should be green."
text run at (0,60) width 272: ".two {text-decoration: underline;}"
text run at (0,75) width 152: "#two {color: navy;}"
text run at (0,90) width 184: ".three {color: purple;}"
- RenderBlock {HR} at (0,152) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,152) size 784x2 [bgcolor=#000000] [border: (1px inset #008000)]
RenderBlock {H3} at (0,172) size 784x22 [color=#0000FF] [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 220x22
text run at (0,0) width 220: "This sentence should show "
text run at (354,0) width 173: "this part (which is spanned)"
RenderText {TEXT} at (527,0) size 4x18
text run at (527,0) width 4: "."
- RenderTable {TABLE} at (0,430) size 614x278 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,430) size 614x278 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x276
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 612x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 612x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,138) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,138) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 600x250 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 600x250 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {H3} at (4,4) size 592x22 [color=#0000FF]
RenderText {TEXT} at (0,0) size 220x22
text run at (0,0) width 220: "This sentence should show "
RenderCanvas at (0,0) size 800x600
layer at (0,0) size 800x420
RenderBlock {HTML} at (0,0) size 800x420 [color=#FFFFFF] [bgcolor=#0000FF]
- RenderBody {BODY} at (15,15) size 490x390 [bgcolor=#FFFFFF]
+ RenderBody {BODY} at (15,15) size 490x390 [bgcolor=#FFFFFF] [border: (5px solid #000000)]
RenderBlock {DL} at (5,5) size 480x10 [bgcolor=#000000]
- RenderBlock (floating) {DT} at (5,5) size 77x310 [bgcolor=#CC0000]
+ RenderBlock (floating) {DT} at (5,5) size 77x310 [bgcolor=#CC0000] [border: (5px solid #000000)]
RenderText {TEXT} at (15,14) size 31x10
text run at (15,14) width 31: "toggle"
RenderText {TEXT} at (0,0) size 0x0
- RenderBlock (floating) {DD} at (95,5) size 380x310
+ RenderBlock (floating) {DD} at (95,5) size 380x310 [border: (10px solid #000000)]
RenderBlock {UL} at (20,20) size 340x0
- RenderBlock (floating) {LI} at (0,0) size 80x120 [color=#000000] [bgcolor=#FFCC00]
+ RenderBlock (floating) {LI} at (0,0) size 80x120 [color=#000000] [bgcolor=#FFCC00] [border: (5px solid #000000)]
RenderText {TEXT} at (15,14) size 40x10
text run at (15,14) width 40: "the way"
RenderText {TEXT} at (0,0) size 0x0
RenderText {TEXT} at (0,0) size 0x0
RenderBlock (anonymous) at (10,58) size 139x0 [bgcolor=#000000]
RenderInline {FORM} at (0,0) size 0x0
- RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 0x0
RenderText {TEXT} at (0,0) size 0x0
- RenderBlock (floating) {LI} at (259,0) size 80x120 [color=#000000] [bgcolor=#FFCC00]
+ RenderBlock (floating) {LI} at (259,0) size 80x120 [color=#000000] [bgcolor=#FFCC00] [border: (5px solid #000000)]
RenderText {TEXT} at (15,14) size 50x10
text run at (15,14) width 50: "i grow old"
RenderText {TEXT} at (0,0) size 0x0
RenderText {TEXT} at (10,9) size 30x10
text run at (10,9) width 30: "pluot?"
RenderText {TEXT} at (0,0) size 0x0
- RenderBlock (floating) {BLOCKQUOTE} at (160,150) size 70x140 [color=#000000] [bgcolor=#FFCC00]
+ RenderBlock (floating) {BLOCKQUOTE} at (160,150) size 70x140 [color=#000000] [bgcolor=#FFCC00] [border: (10px solid #000000) (15px solid #000000) (20px solid #000000) (5px solid #000000)]
RenderBlock {ADDRESS} at (5,20) size 50x20 [bgcolor=#000000]
RenderText {TEXT} at (0,-1) size 34x20
text run at (0,-1) width 16: "bar"
text run at (136,105) width 32: "px;}"
text run at (0,120) width 104: "TD {border: 2"
text run at (104,120) width 128: "px solid green;}"
- RenderBlock {HR} at (0,182) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,182) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,200) size 784x36 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 780x36
text run at (0,0) width 627: "Note that all table cells on this page should have a two-pixel solid green border along all four sides. "
text run at (627,0) width 153: "This border applies only"
text run at (0,18) width 285: "to the cells, not the rows which contain them."
- RenderBlock {P} at (0,252) size 784x24 [bgcolor=#000000]
+ RenderBlock {P} at (0,252) size 784x24 [bgcolor=#000000] [border: (3px solid #000000)]
RenderText {TEXT} at (3,3) size 483x18
text run at (3,3) width 483: "This paragraph should have a medium black solid border all the way around."
- RenderBlock {P} at (0,292) size 784x20 [bgcolor=#000000]
+ RenderBlock {P} at (0,292) size 784x20 [bgcolor=#000000] [border: (1px ridge #800000)]
RenderText {TEXT} at (1,1) size 480x18
text run at (1,1) width 480: "This paragraph should have a thin maroon ridged border all the way around."
- RenderBlock {P} at (0,328) size 784x38 [bgcolor=#000000]
+ RenderBlock {P} at (0,328) size 784x38 [bgcolor=#000000] [border: (10px outset #008080)]
RenderText {TEXT} at (10,10) size 518x18
text run at (10,10) width 518: "This paragraph should have a ten-pixel-wide teal outset border all the way around."
- RenderBlock {P} at (0,382) size 784x38 [bgcolor=#000000]
+ RenderBlock {P} at (0,382) size 784x38 [bgcolor=#000000] [border: (10px inset #808000)]
RenderText {TEXT} at (10,10) size 519x18
text run at (10,10) width 519: "This paragraph should have a ten-pixel-wide olive inset border all the way around."
RenderBlock {P} at (0,436) size 784x18 [bgcolor=#000000]
text run at (348,2) width 96: "border-style"
RenderText {TEXT} at (444,0) size 323x18
text run at (444,0) width 323: " was not set, and it should not be offset in any way."
- RenderBlock {P} at (0,470) size 784x24 [bgcolor=#000000]
+ RenderBlock {P} at (0,470) size 784x24 [bgcolor=#000000] [border: (3px double #800000)]
RenderText {TEXT} at (3,3) size 535x18
text run at (3,3) width 535: "This paragraph should have a medium maroon double border around it, even though "
RenderInline {CODE} at (0,0) size 96x15
RenderImage {IMG} at (740,0) size 15x15
RenderText {TEXT} at (755,1) size 4x18
text run at (755,1) width 4: "."
- RenderTable {TABLE} at (0,579) size 784x113 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,579) size 784x113 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x111
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,5) size 772x42 [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (5,5) size 772x42 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
RenderText {TEXT} at (3,3) size 759x36
text run at (3,3) width 248: "Every cell in this table should have a 2-"
text run at (251,3) width 157: "pixel solid green border. "
text run at (408,3) width 354: "This is also true of the table-testing section in the second"
text run at (3,21) width 127: "half of the test page."
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,67) size 197x24 [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (5,67) size 197x24 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (3,3) size 53x18
text run at (3,3) width 53: "Cell one"
- RenderTableCell {TD} at (207,52) size 570x54 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (207,52) size 570x54 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
RenderBlock (anonymous) at (3,3) size 564x18
RenderText {TEXT} at (0,0) size 54x18
text run at (0,0) width 54: "Cell two"
- RenderTable {TABLE} at (3,21) size 163x30
+ RenderTable {TABLE} at (3,21) size 163x30 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x28
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (2,2) size 157x24 [r=0 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (2,2) size 157x24 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
RenderText {TEXT} at (3,3) size 151x18
text run at (3,3) width 151: "Nested single-cell table!"
RenderBlock {P} at (0,708) size 784x18 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 175x18
text run at (0,0) width 175: "This is an unstyled element."
- RenderTable {TABLE} at (0,742) size 784x620 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,742) size 784x620 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x618
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
RenderText {TEXT} at (5,5) size 163x18
text run at (5,5) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,309) size 14x28 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,309) size 14x28 [bgcolor=#C0C0C0] [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (5,5) size 4x18
text run at (5,5) width 4: " "
- RenderTableCell {TD} at (14,28) size 768x590 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (14,28) size 768x590 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (5,5) size 758x36
RenderText {TEXT} at (0,0) size 748x36
text run at (0,0) width 627: "Note that all table cells on this page should have a two-pixel solid green border along all four sides. "
text run at (627,0) width 121: "This border applies"
text run at (0,18) width 317: "only to the cells, not the rows which contain them."
- RenderBlock {P} at (5,57) size 758x24
+ RenderBlock {P} at (5,57) size 758x24 [border: (3px solid #000000)]
RenderText {TEXT} at (3,3) size 483x18
text run at (3,3) width 483: "This paragraph should have a medium black solid border all the way around."
- RenderBlock {P} at (5,97) size 758x20
+ RenderBlock {P} at (5,97) size 758x20 [border: (1px ridge #800000)]
RenderText {TEXT} at (1,1) size 480x18
text run at (1,1) width 480: "This paragraph should have a thin maroon ridged border all the way around."
- RenderBlock {P} at (5,133) size 758x38
+ RenderBlock {P} at (5,133) size 758x38 [border: (10px outset #008080)]
RenderText {TEXT} at (10,10) size 518x18
text run at (10,10) width 518: "This paragraph should have a ten-pixel-wide teal outset border all the way around."
- RenderBlock {P} at (5,187) size 758x38
+ RenderBlock {P} at (5,187) size 758x38 [border: (10px inset #808000)]
RenderText {TEXT} at (10,10) size 519x18
text run at (10,10) width 519: "This paragraph should have a ten-pixel-wide olive inset border all the way around."
RenderBlock {P} at (5,241) size 758x36
RenderText {TEXT} at (444,0) size 732x36
text run at (444,0) width 288: " was not set, and it should not be offset in any"
text run at (0,18) width 31: "way."
- RenderBlock {P} at (5,293) size 758x42
+ RenderBlock {P} at (5,293) size 758x42 [border: (3px double #800000)]
RenderText {TEXT} at (3,3) size 535x18
text run at (3,3) width 535: "This paragraph should have a medium maroon double border around it, even though "
RenderInline {CODE} at (0,0) size 96x15
RenderImage {IMG} at (740,0) size 15x15
RenderText {TEXT} at (0,19) size 4x18
text run at (0,19) width 4: "."
- RenderTable {TABLE} at (5,438) size 758x113
+ RenderTable {TABLE} at (5,438) size 758x113 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x111
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,5) size 746x42 [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (5,5) size 746x42 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
RenderText {TEXT} at (3,3) size 711x36
text run at (3,3) width 248: "Every cell in this table should have a 2-"
text run at (251,3) width 157: "pixel solid green border. "
text run at (408,3) width 306: "This is also true of the table-testing section in the"
text run at (3,21) width 175: "second half of the test page."
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,67) size 191x24 [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (5,67) size 191x24 [border: (2px solid #008000)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (3,3) size 53x18
text run at (3,3) width 53: "Cell one"
- RenderTableCell {TD} at (201,52) size 550x54 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (201,52) size 550x54 [border: (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
RenderBlock (anonymous) at (3,3) size 544x18
RenderText {TEXT} at (0,0) size 54x18
text run at (0,0) width 54: "Cell two"
- RenderTable {TABLE} at (3,21) size 163x30
+ RenderTable {TABLE} at (3,21) size 163x30 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x28
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (2,2) size 157x24 [r=0 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (2,2) size 157x24 [border: (2px solid #008000)] [r=0 c=0 rs=1 cs=1]
RenderText {TEXT} at (3,3) size 151x18
text run at (3,3) width 151: "Nested single-cell table!"
RenderBlock {P} at (5,567) size 758x18
text run at (0,30) width 344: ".three {border-bottom: black medium solid;}"
text run at (0,45) width 208: "TD {border-bottom: green 2"
text run at (208,45) width 80: "px solid;}"
- RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,125) size 784x36 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 779x36
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 bottom sides. "
text run at (658,0) width 121: "This border applies"
text run at (0,18) width 317: "only to the cells, not the rows which contain them."
- RenderBlock {P} at (0,177) size 784x28 [bgcolor=#000000]
+ RenderBlock {P} at (0,177) size 784x28 [bgcolor=#000000] [border: (10px double #800080) none]
RenderText {TEXT} at (0,0) size 438x18
text run at (0,0) width 310: "This paragraph should have a purple, double, 10-"
text run at (310,0) width 128: "pixel bottom border."
- RenderBlock {P} at (0,221) size 784x19 [bgcolor=#000000]
+ RenderBlock {P} at (0,221) size 784x19 [bgcolor=#000000] [border: (1px solid #800080) none]
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "This paragraph should have a thin purple bottom border."
- RenderTable {TABLE} at (0,256) size 784x110 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,256) size 784x110 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x108
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,5) size 772x41 [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (5,5) size 772x41 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderText {TEXT} at (2,2) size 759x36
text run at (2,2) width 248: "Every cell in this table should have a 2-"
text run at (250,2) width 205: "pixel solid green bottom border. "
text run at (455,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,0) size 0x0
- RenderTableCell {TD} at (5,65) size 196x23 [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (5,65) size 196x23 [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 (206,51) size 571x52 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (206,51) size 571x52 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock (anonymous) at (2,2) size 567x18
RenderText {TEXT} at (0,0) size 54x18
text run at (0,0) width 54: "Cell two"
- RenderTable {TABLE} at (2,20) size 161x29
+ RenderTable {TABLE} at (2,20) size 161x29 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x27
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (2,2) size 155x23 [r=0 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (2,2) size 155x23 [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,382) size 784x135 [bgcolor=#000000]
- RenderListItem {LI} at (40,0) size 744x75
+ RenderListItem {LI} at (40,0) size 744x75 [border: (3px solid #000000) none]
RenderBlock (anonymous) at (0,0) size 744x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 118x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 176x18
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,75) size 744x21
+ RenderListItem {LI} at (40,75) size 744x21 [border: (3px solid #000000) none]
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 158x18
text run at (0,0) width 158: "This is a second list item."
- RenderListItem {LI} at (40,96) size 744x39
+ RenderListItem {LI} at (40,96) size 744x39 [border: (3px solid #000000) none]
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 734x36
text run at (0,0) width 734: "Each list item in this list should have a medium-width black border at its bottom, which for the first item means that it"
text run at (92,18) width 50: "beneath"
RenderText {TEXT} at (142,18) size 390x18
text run at (142,18) width 390: " the nested list (below the line \"...nested within the list item.\")."
- RenderTable {TABLE} at (0,533) size 784x446 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,533) size 784x446 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x444
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x27 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 782x27 [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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,222) size 12x27 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,222) size 12x27 [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
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 770x417 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,27) size 770x417 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 762x36
RenderText {TEXT} at (0,0) size 731x36
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 bottom sides. "
text run at (658,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 762x28
+ RenderBlock {P} at (4,56) size 762x28 [border: (10px double #800080) none]
RenderText {TEXT} at (0,0) size 438x18
text run at (0,0) width 310: "This paragraph should have a purple, double, 10-"
text run at (310,0) width 128: "pixel bottom border."
- RenderBlock {P} at (4,100) size 762x19
+ RenderBlock {P} at (4,100) size 762x19 [border: (1px solid #800080) none]
RenderText {TEXT} at (0,0) size 355x18
text run at (0,0) width 355: "This paragraph should have a thin purple bottom border."
- RenderTable {TABLE} at (4,135) size 762x110
+ RenderTable {TABLE} at (4,135) size 762x110 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x108
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,5) size 750x41 [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (5,5) size 750x41 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderText {TEXT} at (2,2) size 736x36
text run at (2,2) width 248: "Every cell in this table should have a 2-"
text run at (250,2) width 205: "pixel solid green bottom border. "
text run at (455,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,0) size 0x0
- RenderTableCell {TD} at (5,65) size 190x23 [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (5,65) size 190x23 [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 (200,51) size 555x52 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (200,51) size 555x52 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock (anonymous) at (2,2) size 551x18
RenderText {TEXT} at (0,0) size 54x18
text run at (0,0) width 54: "Cell two"
- RenderTable {TABLE} at (2,20) size 161x29
+ RenderTable {TABLE} at (2,20) size 161x29 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x27
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (2,2) size 155x23 [r=0 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (2,2) size 155x23 [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,261) size 762x135
- RenderListItem {LI} at (40,0) size 722x75
+ RenderListItem {LI} at (40,0) size 722x75 [border: (3px solid #000000) none]
RenderBlock (anonymous) at (0,0) size 722x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 118x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 176x18
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,75) size 722x21
+ RenderListItem {LI} at (40,75) size 722x21 [border: (3px solid #000000) none]
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 158x18
text run at (0,0) width 158: "This is a second list item."
- RenderListItem {LI} at (40,96) size 722x39
+ RenderListItem {LI} at (40,96) size 722x39 [border: (3px solid #000000) none]
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 722x36
text run at (0,0) width 722: "Each list item in this list should have a medium-width black border at its bottom, which for the first item means that"
text run at (0,0) width 296: ".one {border-bottom: purple double 10"
text run at (296,0) width 32: "px;}"
text run at (0,15) width 320: ".two {border-bottom: purple thin solid;}"
- RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,110) size 784x54 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 666x18
text run at (0,0) width 666: "This is an unstyled element, save for the background color, and containing inline elements with classes of "
- RenderInline {SPAN} at (0,0) size 57x28 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 57x28 [bgcolor=#000000] [border: (10px double #800080) none]
RenderText {TEXT} at (666,0) size 57x18
text run at (666,0) width 57: "class one"
RenderText {TEXT} at (723,0) size 770x36
text run at (723,0) width 47: ", which"
text run at (0,18) width 112: "should have a 10-"
text run at (112,18) width 250: "pixel purple double bottom border; and "
- RenderInline {SPAN} at (0,0) size 58x19 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 58x19 [bgcolor=#000000] [border: (1px solid #800080) none]
RenderText {TEXT} at (362,18) size 58x18
text run at (362,18) width 58: "class two"
RenderText {TEXT} at (420,18) size 761x36
text run at (420,18) width 341: ", which should have a thin solid purple bottom border."
text run at (0,36) width 429: "The line-height of the parent element should not change on any line."
- RenderTable {TABLE} at (0,180) size 784x90 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,180) size 784x90 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x88
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x62 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x62 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 762x54 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 666x18
text run at (0,0) width 666: "This is an unstyled element, save for the background color, and containing inline elements with classes of "
- RenderInline {SPAN} at (0,0) size 57x28 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 57x28 [bgcolor=#000000] [border: (10px double #800080) none]
RenderText {TEXT} at (666,0) size 57x18
text run at (666,0) width 57: "class one"
RenderText {TEXT} at (723,0) size 727x36
text run at (723,0) width 4: ","
text run at (0,18) width 155: "which should have a 10-"
text run at (155,18) width 250: "pixel purple double bottom border; and "
- RenderInline {SPAN} at (0,0) size 58x19 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 58x19 [bgcolor=#000000] [border: (1px solid #800080) none]
RenderText {TEXT} at (405,18) size 58x18
text run at (405,18) width 58: "class two"
RenderText {TEXT} at (463,18) size 755x36
text run at (0,60) width 440: ".four {border-bottom-width: thin; border-style: solid;}"
text run at (0,75) width 240: ".five {border-bottom-width: 25"
text run at (240,75) width 32: "px;}"
- RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,155) size 784x18 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 157x18
text run at (0,0) width 157: "(These will only work if "
RenderBlock {P} at (0,189) size 784x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,223) size 784x71 [bgcolor=#000000]
+ RenderBlock {P} at (0,223) size 784x71 [bgcolor=#000000] [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,3) size 387x18
text run at (3,3) width 387: "This element should have a bottom border width of 50 pixels."
- RenderBlock {P} at (0,310) size 784x26 [bgcolor=#000000]
+ RenderBlock {P} at (0,310) size 784x26 [bgcolor=#000000] [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,3) size 344x18
text run at (3,3) width 344: "This element should have a thick bottom border width."
- RenderBlock {P} at (0,352) size 784x24 [bgcolor=#000000]
+ RenderBlock {P} at (0,352) size 784x24 [bgcolor=#000000] [border: (3px solid #000000)]
RenderText {TEXT} at (3,3) size 364x18
text run at (3,3) width 364: "This element should have a medium bottom border width."
- RenderBlock {P} at (0,392) size 784x22 [bgcolor=#000000]
+ RenderBlock {P} at (0,392) size 784x22 [bgcolor=#000000] [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,3) size 337x18
text run at (3,3) width 337: "This element should have a thin bottom border width."
RenderBlock {P} at (0,430) size 784x18 [bgcolor=#000000]
RenderBlock {P} at (0,464) size 784x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderTable {TABLE} at (0,498) size 709x363 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,498) size 709x363 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x361
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 707x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 707x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,180) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,180) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 695x335 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 695x335 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 687x18
RenderText {TEXT} at (0,0) size 157x18
text run at (0,0) width 157: "(These will only work if "
RenderBlock {P} at (4,38) size 687x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (4,72) size 687x71
+ RenderBlock {P} at (4,72) size 687x71 [border: (3px solid #000000) (50px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,3) size 387x18
text run at (3,3) width 387: "This element should have a bottom border width of 50 pixels."
- RenderBlock {P} at (4,159) size 687x26
+ RenderBlock {P} at (4,159) size 687x26 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,3) size 344x18
text run at (3,3) width 344: "This element should have a thick bottom border width."
- RenderBlock {P} at (4,201) size 687x24
+ RenderBlock {P} at (4,201) size 687x24 [border: (3px solid #000000)]
RenderText {TEXT} at (3,3) size 364x18
text run at (3,3) width 364: "This element should have a medium bottom border width."
- RenderBlock {P} at (4,241) size 687x22
+ RenderBlock {P} at (4,241) size 687x22 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,3) size 337x18
text run at (3,3) width 337: "This element should have a thin bottom border width."
RenderBlock {P} at (4,279) size 687x18
text run at (0,15) width 432: ".two {border-bottom-width: thin; border-style: solid;}"
text run at (0,30) width 248: ".three {border-bottom-width: 25"
text run at (248,30) width 32: "px;}"
- RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
- RenderBlock {P} at (0,110) size 784x100 [bgcolor=#000000]
+ RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
+ RenderBlock {P} at (0,110) size 784x100 [bgcolor=#000000] [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 (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
+ 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 (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 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,226) size 784x136 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x134
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,67) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ 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
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x108 [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x100
+ 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 (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
+ 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
text run at (0,0) width 392: ".one {border-color: purple; border-style: solid;}"
text run at (0,15) width 568: ".two {border-color: purple; border-width: medium; border-style: solid;}"
text run at (0,30) width 728: ".three {border-color: purple green blue yellow; border-width: medium; border-style: solid;}"
- RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
- RenderBlock {P} at (0,110) size 784x24 [bgcolor=#000000]
+ RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
+ RenderBlock {P} at (0,110) size 784x24 [bgcolor=#000000] [border: (3px solid #800080)]
RenderText {TEXT} at (3,3) size 357x18
text run at (3,3) width 357: "This element should have a purple border surrounding it."
- RenderBlock {P} at (0,150) size 784x24 [bgcolor=#000000]
+ RenderBlock {P} at (0,150) size 784x24 [bgcolor=#000000] [border: (3px solid #800080)]
RenderText {TEXT} at (3,3) size 453x18
text run at (3,3) width 453: "This element should have a medium-width purple border surrounding it."
- RenderBlock {P} at (0,190) size 784x42 [bgcolor=#000000]
+ RenderBlock {P} at (0,190) size 784x42 [bgcolor=#000000] [border: (3px solid #800080) (3px solid #008000) (3px solid #0000FF) (3px solid #FFFF00)]
RenderText {TEXT} at (3,3) size 763x36
text run at (3,3) width 763: "This element should be surrounded by a medium width border which is purple on top, green on the right side, blue on the"
text run at (3,21) width 222: "bottom, and yellow on the left side."
- RenderTable {TABLE} at (0,248) size 784x158 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,248) size 784x158 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x156
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,78) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,78) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x130 [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x24
+ RenderTableCell {TD} at (12,26) size 770x130 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x24 [border: (3px solid #800080)]
RenderText {TEXT} at (3,3) size 357x18
text run at (3,3) width 357: "This element should have a purple border surrounding it."
- RenderBlock {P} at (4,44) size 762x24
+ RenderBlock {P} at (4,44) size 762x24 [border: (3px solid #800080)]
RenderText {TEXT} at (3,3) size 453x18
text run at (3,3) width 453: "This element should have a medium-width purple border surrounding it."
- RenderBlock {P} at (4,84) size 762x42
+ RenderBlock {P} at (4,84) size 762x42 [border: (3px solid #800080) (3px solid #008000) (3px solid #0000FF) (3px solid #FFFF00)]
RenderText {TEXT} at (3,3) size 740x36
text run at (3,3) width 740: "This element should be surrounded by a medium width border which is purple on top, green on the right side, blue on"
text run at (3,21) width 245: "the bottom, and yellow on the left side."
text run at (0,0) width 392: ".one {border-color: purple; border-style: solid;}"
text run at (0,15) width 568: ".two {border-color: purple; border-width: medium; border-style: solid;}"
text run at (0,30) width 728: ".three {border-color: purple green blue yellow; border-width: medium; border-style: solid;}"
- RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,110) size 784x72 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 677x18
text run at (0,0) width 677: "This is an unstyled element, save for the background color, and containing inline elements with a classes of "
- RenderInline {SPAN} at (0,0) size 63x24 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 63x24 [bgcolor=#000000] [border: (3px solid #800080)]
RenderText {TEXT} at (680,0) size 57x18
text run at (680,0) width 57: "class one"
RenderText {TEXT} at (740,0) size 8x18
text run at (740,0) width 8: ", "
- RenderInline {SPAN} at (0,0) size 781x42 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 781x42 [bgcolor=#000000] [border: (3px solid #800080)]
RenderText {TEXT} at (751,0) size 781x36
text run at (751,0) width 30: "class"
text run at (0,18) width 24: "two"
RenderText {TEXT} at (27,18) size 35x18
text run at (27,18) width 35: ", and "
- RenderInline {SPAN} at (0,0) size 71x24 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 71x24 [bgcolor=#000000] [border: (3px solid #800080) (3px solid #008000) (3px solid #0000FF) (3px solid #FFFF00)]
RenderText {TEXT} at (65,18) size 65x18
text run at (65,18) width 65: "class three"
RenderText {TEXT} at (133,18) size 764x54
text run at (0,36) width 569: "and second cases, and a purple-green-blue-yellow medium-width solid border in the third. "
text run at (569,36) width 179: "The line-height of the parent"
text run at (0,54) width 284: "element should not change at all, on any line."
- RenderTable {TABLE} at (0,198) size 784x108 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,198) size 784x108 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x106
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,53) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,53) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x80 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x80 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 762x72 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 677x18
text run at (0,0) width 677: "This is an unstyled element, save for the background color, and containing inline elements with a classes of "
- RenderInline {SPAN} at (0,0) size 63x24 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 63x24 [bgcolor=#000000] [border: (3px solid #800080)]
RenderText {TEXT} at (680,0) size 57x18
text run at (680,0) width 57: "class one"
RenderText {TEXT} at (740,0) size 4x18
text run at (740,0) width 4: ","
- RenderInline {SPAN} at (0,0) size 64x24 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 64x24 [bgcolor=#000000] [border: (3px solid #800080)]
RenderText {TEXT} at (3,18) size 58x18
text run at (3,18) width 58: "class two"
RenderText {TEXT} at (64,18) size 35x18
text run at (64,18) width 35: ", and "
- RenderInline {SPAN} at (0,0) size 71x24 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 71x24 [bgcolor=#000000] [border: (3px solid #800080) (3px solid #008000) (3px solid #0000FF) (3px solid #FFFF00)]
RenderText {TEXT} at (102,18) size 65x18
text run at (102,18) width 65: "class three"
RenderText {TEXT} at (170,18) size 756x54
text run at (128,0) width 128: "px teal outset;}"
text run at (0,15) width 128: ".two {border: 10"
text run at (128,15) width 128: "px olive inset;}"
- RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,110) size 784x54 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 677x18
text run at (0,0) width 677: "This is an unstyled element, save for the background color, and containing inline elements with a classes of "
- RenderInline {SPAN} at (0,0) size 77x38 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 77x38 [bgcolor=#000000] [border: (10px outset #008080)]
RenderText {TEXT} at (687,0) size 57x18
text run at (687,0) width 57: "class one"
RenderText {TEXT} at (754,0) size 758x36
text run at (754,0) width 4: ","
text run at (0,18) width 175: "which should result in a 10-"
text run at (175,18) width 178: "pixel outset teal border; and "
- RenderInline {SPAN} at (0,0) size 78x38 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 78x38 [bgcolor=#000000] [border: (10px inset #808000)]
RenderText {TEXT} at (363,18) size 58x18
text run at (363,18) width 58: "class two"
RenderText {TEXT} at (431,18) size 762x36
text run at (431,18) width 183: ", which should result in a 10-"
text run at (614,18) width 148: "pixel inset olive border."
text run at (0,36) width 429: "The line-height of the parent element should not change on any line."
- RenderTable {TABLE} at (0,180) size 784x90 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,180) size 784x90 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x88
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x62 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x62 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 762x54 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 677x18
text run at (0,0) width 677: "This is an unstyled element, save for the background color, and containing inline elements with a classes of "
- RenderInline {SPAN} at (0,0) size 77x38 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 77x38 [bgcolor=#000000] [border: (10px outset #008080)]
RenderText {TEXT} at (687,0) size 57x18
text run at (687,0) width 57: "class one"
RenderText {TEXT} at (754,0) size 758x36
text run at (754,0) width 4: ","
text run at (0,18) width 175: "which should result in a 10-"
text run at (175,18) width 178: "pixel outset teal border; and "
- RenderInline {SPAN} at (0,0) size 78x38 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 78x38 [bgcolor=#000000] [border: (10px inset #808000)]
RenderText {TEXT} at (363,18) size 58x18
text run at (363,18) width 58: "class two"
RenderText {TEXT} at (431,18) size 762x36
text run at (0,75) width 328: ".threec {border-left: blue medium solid;}"
text run at (0,90) width 192: "TD {border-left: green 2"
text run at (192,90) width 80: "px solid;}"
- RenderBlock {HR} at (0,152) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,152) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (20,170) size 764x36 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 755x36
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 121: "This border applies"
text run at (0,18) width 317: "only to the cells, not the rows which contain them."
- RenderBlock {P} at (20,222) size 764x18 [bgcolor=#000000]
+ RenderBlock {P} at (20,222) size 764x18 [bgcolor=#000000] [border: (10px double #800080)]
RenderText {TEXT} at (10,0) size 414x18
text run at (10,0) width 310: "This paragraph should have a purple, double, 10-"
text run at (320,0) width 104: "pixel left border."
- RenderBlock {P} at (20,256) size 764x18 [bgcolor=#000000]
+ RenderBlock {P} at (20,256) size 764x18 [bgcolor=#000000] [border: (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 784x107 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,290) size 784x107 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x105
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,5) size 772x40 [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (5,5) size 772x40 [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 248: "Every cell in this table should have a 2-"
text run at (251,2) width 181: "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,0) size 0x0
- RenderTableCell {TD} at (5,64) size 197x22 [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (5,64) size 197x22 [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 (207,50) size 570x50 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (207,50) size 570x50 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
RenderBlock (anonymous) at (3,2) size 565x18
RenderText {TEXT} at (0,0) size 54x18
text run at (0,0) width 54: "Cell two"
- RenderTable {TABLE} at (3,20) size 162x28
+ RenderTable {TABLE} at (3,20) size 162x28 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x26
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (2,2) size 156x22 [r=0 c=0 rs=1 cs=1]
+ 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 784x144 [bgcolor=#000000]
- RenderListItem {LI} at (40,0) size 744x72
+ RenderListItem {LI} at (40,0) size 744x72 [border: (3px solid #000000)]
RenderBlock (anonymous) at (3,0) size 741x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 118x18
RenderListMarker at (0,0) size 0x14
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 744x18
+ RenderListItem {LI} at (40,72) size 744x18 [border: (3px solid #800080)]
RenderListMarker at (3,0) size 0x14
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 744x54
+ RenderListItem {LI} at (40,90) size 744x54 [border: (3px solid #0000FF)]
RenderListMarker at (3,0) size 0x14
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 784x439 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,573) size 784x439 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x437
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080) (2px solid #008000)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
RenderText {TEXT} at (5,4) size 163x18
text run at (5,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,218) size 13x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ 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
text run at (5,4) width 4: " "
- RenderTableCell {TD} at (13,26) size 769x411 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (13,26) size 769x411 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (25,4) size 740x36
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 740x18
+ RenderBlock {P} at (25,56) size 740x18 [border: (10px double #800080)]
RenderText {TEXT} at (10,0) size 414x18
text run at (10,0) width 310: "This paragraph should have a purple, double, 10-"
text run at (320,0) width 104: "pixel left border."
- RenderBlock {P} at (25,90) size 740x18
+ RenderBlock {P} at (25,90) size 740x18 [border: (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 760x107
+ RenderTable {TABLE} at (5,124) size 760x107 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x105
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,5) size 748x40 [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (5,5) size 748x40 [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 248: "Every cell in this table should have a 2-"
text run at (251,2) width 181: "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,0) size 0x0
- RenderTableCell {TD} at (5,64) size 191x22 [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (5,64) size 191x22 [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 (201,50) size 552x50 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (201,50) size 552x50 [border: (1px inset #808080) (2px solid #008000)] [r=1 c=1 rs=1 cs=1]
RenderBlock (anonymous) at (3,2) size 547x18
RenderText {TEXT} at (0,0) size 54x18
text run at (0,0) width 54: "Cell two"
- RenderTable {TABLE} at (3,20) size 162x28
+ RenderTable {TABLE} at (3,20) size 162x28 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x26
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (2,2) size 156x22 [r=0 c=0 rs=1 cs=1]
+ 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 760x144
- RenderListItem {LI} at (40,0) size 720x72
+ RenderListItem {LI} at (40,0) size 720x72 [border: (3px solid #000000)]
RenderBlock (anonymous) at (3,0) size 717x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 118x18
RenderListMarker at (0,0) size 0x14
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 720x18
+ RenderListItem {LI} at (40,72) size 720x18 [border: (3px solid #800080)]
RenderListMarker at (3,0) size 0x14
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 720x54
+ RenderListItem {LI} at (40,90) size 720x54 [border: (3px solid #0000FF)]
RenderListMarker at (3,0) size 0x14
RenderText {TEXT} at (3,0) size 704x54
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 (0,15) width 280: ".one {border-left: purple double 10"
text run at (280,15) width 32: "px;}"
text run at (0,30) width 304: ".two {border-left: purple thin solid;}"
- RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (20,125) size 764x54 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 760x18
text run at (0,0) width 364: "This paragraph has a background color of silver and a 20-"
text run at (364,0) width 396: "pixel left margin, and it contains inline elements with classes of"
- RenderInline {SPAN} at (0,0) size 67x18 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 67x18 [bgcolor=#000000] [border: (10px double #800080)]
RenderText {TEXT} at (10,18) size 57x18
text run at (10,18) width 57: "class one"
RenderText {TEXT} at (67,18) size 389x18
text run at (67,18) width 163: ", which should have a 10-"
text run at (230,18) width 226: "pixel purple double left border; and "
- RenderInline {SPAN} at (0,0) size 59x18 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 59x18 [bgcolor=#000000] [border: (1px solid #800080)]
RenderText {TEXT} at (457,18) size 58x18
text run at (457,18) width 58: "class two"
RenderText {TEXT} at (515,18) size 759x36
text run at (515,18) width 244: ", which should have a thin solid purple"
text run at (0,36) width 73: "left border. "
text run at (73,36) width 429: "The line-height of the parent element should not change on any line."
- RenderTable {TABLE} at (0,195) size 784x90 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,195) size 784x90 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x88
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x62 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x62 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (24,4) size 742x54 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 696x36
text run at (0,0) width 364: "This paragraph has a background color of silver and a 20-"
text run at (364,0) width 332: "pixel left margin, and it contains inline elements with"
text run at (0,18) width 64: "classes of "
- RenderInline {SPAN} at (0,0) size 67x18 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 67x18 [bgcolor=#000000] [border: (10px double #800080)]
RenderText {TEXT} at (74,18) size 57x18
text run at (74,18) width 57: "class one"
RenderText {TEXT} at (131,18) size 389x18
text run at (131,18) width 163: ", which should have a 10-"
text run at (294,18) width 226: "pixel purple double left border; and "
- RenderInline {SPAN} at (0,0) size 59x18 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 59x18 [bgcolor=#000000] [border: (1px solid #800080)]
RenderText {TEXT} at (521,18) size 58x18
text run at (521,18) width 58: "class two"
RenderText {TEXT} at (579,18) size 717x36
text run at (0,60) width 424: ".four {border-left-width: thin; border-style: solid;}"
text run at (0,75) width 224: ".five {border-left-width: 25"
text run at (224,75) width 32: "px;}"
- RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,155) size 784x18 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 157x18
text run at (0,0) width 157: "(These will only work if "
RenderBlock {P} at (0,189) size 784x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,223) size 784x42 [bgcolor=#000000]
+ RenderBlock {P} at (0,223) size 784x42 [bgcolor=#000000] [border: (3px solid #000000) (50px solid #000000)]
RenderText {TEXT} at (50,3) size 713x36
text run at (50,3) width 713: "This element should have a left border width of 50 pixels, which will be more obvious if the element is more than"
text run at (50,21) width 86: "one line long."
- RenderBlock {P} at (0,281) size 784x24 [bgcolor=#000000]
+ RenderBlock {P} at (0,281) size 784x24 [bgcolor=#000000] [border: (3px solid #000000) (5px solid #000000)]
RenderText {TEXT} at (5,3) size 760x18
text run at (5,3) width 760: "This element should have a thick left border width, which will be more obvious if the element is more than one line long."
- RenderBlock {P} at (0,321) size 784x42 [bgcolor=#000000]
+ RenderBlock {P} at (0,321) size 784x42 [bgcolor=#000000] [border: (3px solid #000000)]
RenderText {TEXT} at (3,3) size 744x36
text run at (3,3) width 744: "This element should have a medium left border width, which will be more obvious if the element is more than one line"
text run at (3,21) width 32: "long."
- RenderBlock {P} at (0,379) size 784x24 [bgcolor=#000000]
+ RenderBlock {P} at (0,379) size 784x24 [bgcolor=#000000] [border: (3px solid #000000) (1px solid #000000)]
RenderText {TEXT} at (1,3) size 753x18
text run at (1,3) width 753: "This element should have a thin left border width, which will be more obvious if the element is more than one line long."
RenderBlock {P} at (0,419) size 784x18 [bgcolor=#000000]
text run at (513,2) width 96: "border-style"
RenderText {TEXT} at (609,0) size 54x18
text run at (609,0) width 54: " was set."
- RenderTable {TABLE} at (0,453) size 784x336 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,453) size 784x336 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x334
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,167) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,167) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x308 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x308 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 762x18
RenderText {TEXT} at (0,0) size 157x18
text run at (0,0) width 157: "(These will only work if "
RenderBlock {P} at (4,38) size 762x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (4,72) size 762x42
+ RenderBlock {P} at (4,72) size 762x42 [border: (3px solid #000000) (50px solid #000000)]
RenderText {TEXT} at (50,3) size 682x36
text run at (50,3) width 682: "This element should have a left border width of 50 pixels, which will be more obvious if the element is more"
text run at (50,21) width 117: "than one line long."
- RenderBlock {P} at (4,130) size 762x42
+ RenderBlock {P} at (4,130) size 762x42 [border: (3px solid #000000) (5px solid #000000)]
RenderText {TEXT} at (5,3) size 724x36
text run at (5,3) width 724: "This element should have a thick left border width, which will be more obvious if the element is more than one line"
text run at (5,21) width 32: "long."
- RenderBlock {P} at (4,188) size 762x42
+ RenderBlock {P} at (4,188) size 762x42 [border: (3px solid #000000)]
RenderText {TEXT} at (3,3) size 744x36
text run at (3,3) width 744: "This element should have a medium left border width, which will be more obvious if the element is more than one line"
text run at (3,21) width 32: "long."
- RenderBlock {P} at (4,246) size 762x24
+ RenderBlock {P} at (4,246) size 762x24 [border: (3px solid #000000) (1px solid #000000)]
RenderText {TEXT} at (1,3) size 753x18
text run at (1,3) width 753: "This element should have a thin left border width, which will be more obvious if the element is more than one line long."
RenderBlock {P} at (4,286) size 762x18
text run at (0,15) width 416: ".two {border-left-width: thin; border-style: solid;}"
text run at (0,30) width 232: ".three {border-left-width: 25"
text run at (232,30) width 32: "px;}"
- RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
- RenderBlock {P} at (0,110) size 784x78 [bgcolor=#000000]
+ RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
+ RenderBlock {P} at (0,110) size 784x78 [bgcolor=#000000] [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 (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
+ 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 (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 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,204) size 784x114 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x112
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,56) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ 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
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x86 [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x78
+ 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 (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
+ 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
text run at (0,15) width 288: ".one {border-right: purple double 10"
text run at (288,15) width 32: "px;}"
text run at (0,30) width 312: ".two {border-right: purple thin solid;}"
- RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,125) size 764x54 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 752x36
text run at (0,0) width 364: "This paragraph has a background color of silver and a 20-"
text run at (364,0) width 388: "pixel right margin, and it contains inline elements with classes"
text run at (0,18) width 17: "of "
- RenderInline {SPAN} at (0,0) size 67x18 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 67x18 [bgcolor=#000000] [border: (10px double #800080) none]
RenderText {TEXT} at (17,18) size 57x18
text run at (17,18) width 57: "class one"
RenderText {TEXT} at (84,18) size 398x18
text run at (84,18) width 163: ", which should have a 10-"
text run at (247,18) width 235: "pixel purple double right border; and "
- RenderInline {SPAN} at (0,0) size 59x18 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 59x18 [bgcolor=#000000] [border: (1px solid #800080) none]
RenderText {TEXT} at (482,18) size 58x18
text run at (482,18) width 58: "class two"
RenderText {TEXT} at (541,18) size 741x36
text run at (541,18) width 200: ", which should have a thin solid"
text run at (0,36) width 126: "purple right border. "
text run at (126,36) width 429: "The line-height of the parent element should not change on any line."
- RenderTable {TABLE} at (0,195) size 784x90 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,195) size 784x90 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x88
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x62 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x62 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 742x54 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 705x36
text run at (0,0) width 364: "This paragraph has a background color of silver and a 20-"
text run at (364,0) width 341: "pixel right margin, and it contains inline elements with"
text run at (0,18) width 64: "classes of "
- RenderInline {SPAN} at (0,0) size 67x18 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 67x18 [bgcolor=#000000] [border: (10px double #800080) none]
RenderText {TEXT} at (64,18) size 57x18
text run at (64,18) width 57: "class one"
RenderText {TEXT} at (131,18) size 398x18
text run at (131,18) width 163: ", which should have a 10-"
text run at (294,18) width 235: "pixel purple double right border; and "
- RenderInline {SPAN} at (0,0) size 59x18 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 59x18 [bgcolor=#000000] [border: (1px solid #800080) none]
RenderText {TEXT} at (529,18) size 58x18
text run at (529,18) width 58: "class two"
RenderText {TEXT} at (588,18) size 726x36
text run at (0,75) width 336: ".threec {border-right: blue medium solid;}"
text run at (0,90) width 200: "TD {border-right: green 2"
text run at (200,90) width 80: "px solid;}"
- RenderBlock {HR} at (0,152) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,152) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,170) size 764x36 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 764x36
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 121: "This border applies"
text run at (0,18) width 317: "only to the cells, not the rows which contain them."
- RenderBlock {P} at (0,222) size 764x18 [bgcolor=#000000]
+ RenderBlock {P} at (0,222) size 764x18 [bgcolor=#000000] [border: (10px double #800080) none]
RenderText {TEXT} at (0,0) size 423x18
text run at (0,0) width 310: "This paragraph should have a purple, double, 10-"
text run at (310,0) width 113: "pixel right border."
- RenderBlock {P} at (0,256) size 764x18 [bgcolor=#000000]
+ RenderBlock {P} at (0,256) size 764x18 [bgcolor=#000000] [border: (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 784x107 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,290) size 784x107 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x105
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,5) size 772x40 [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (5,5) size 772x40 [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 248: "Every cell in this table should have a 2-"
text run at (250,2) width 190: "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,0) size 0x0
- RenderTableCell {TD} at (5,64) size 196x22 [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (5,64) size 196x22 [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 (206,50) size 571x50 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (206,50) size 571x50 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock (anonymous) at (2,2) size 566x18
RenderText {TEXT} at (0,0) size 54x18
text run at (0,0) width 54: "Cell two"
- RenderTable {TABLE} at (2,20) size 162x28
+ RenderTable {TABLE} at (2,20) size 162x28 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x26
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (2,2) size 156x22 [r=0 c=0 rs=1 cs=1]
+ 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 784x162 [bgcolor=#000000]
- RenderListItem {LI} at (40,0) size 744x72
+ RenderListItem {LI} at (40,0) size 744x72 [border: (3px solid #000000) none]
RenderBlock (anonymous) at (0,0) size 741x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 118x18
RenderListMarker at (0,0) size 0x14
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 744x18
+ RenderListItem {LI} at (40,72) size 744x18 [border: (3px solid #800080) none]
RenderListMarker at (0,0) size 0x14
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 744x72
+ RenderListItem {LI} at (40,90) size 744x72 [border: (3px solid #0000FF) none]
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 733x72
text run at (0,0) width 704: "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,36) width 494: "the list item.\"), even though the nested list does not have any border styles set. "
text run at (494,36) width 239: "The borders should line up together at"
text run at (0,54) width 551: "the right edge of the document's body, as each list element has a default width of 100%."
- RenderTable {TABLE} at (0,591) size 784x457 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,591) size 784x457 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x455
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 782x26 [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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,227) size 13x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,227) 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
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (13,26) size 769x429 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (13,26) size 769x429 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 740x36
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 740x18
+ RenderBlock {P} at (4,56) size 740x18 [border: (10px double #800080) none]
RenderText {TEXT} at (0,0) size 423x18
text run at (0,0) width 310: "This paragraph should have a purple, double, 10-"
text run at (310,0) width 113: "pixel right border."
- RenderBlock {P} at (4,90) size 740x18
+ RenderBlock {P} at (4,90) size 740x18 [border: (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 760x107
+ RenderTable {TABLE} at (4,124) size 760x107 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x105
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,5) size 748x40 [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (5,5) size 748x40 [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 248: "Every cell in this table should have a 2-"
text run at (250,2) width 190: "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,0) size 0x0
- RenderTableCell {TD} at (5,64) size 190x22 [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (5,64) size 190x22 [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 (200,50) size 553x50 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (200,50) size 553x50 [border: (1px inset #808080) (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock (anonymous) at (2,2) size 548x18
RenderText {TEXT} at (0,0) size 54x18
text run at (0,0) width 54: "Cell two"
- RenderTable {TABLE} at (2,20) size 162x28
+ RenderTable {TABLE} at (2,20) size 162x28 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x26
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (2,2) size 156x22 [r=0 c=0 rs=1 cs=1]
+ 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 760x162
- RenderListItem {LI} at (40,0) size 720x72
+ RenderListItem {LI} at (40,0) size 720x72 [border: (3px solid #000000) none]
RenderBlock (anonymous) at (0,0) size 717x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 118x18
RenderListMarker at (0,0) size 0x14
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 720x18
+ RenderListItem {LI} at (40,72) size 720x18 [border: (3px solid #800080) none]
RenderListMarker at (0,0) size 0x14
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 720x72
+ RenderListItem {LI} at (40,90) size 720x72 [border: (3px solid #0000FF) none]
RenderListMarker at (0,0) size 0x14
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,60) width 432: ".four {border-right-width: thin; border-style: solid;}"
text run at (0,75) width 240: ".five {border-right-width: 100"
text run at (240,75) width 32: "px;}"
- RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,155) size 784x18 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 157x18
text run at (0,0) width 157: "(These will only work if "
RenderBlock {P} at (0,189) size 784x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,223) size 784x42 [bgcolor=#000000]
+ RenderBlock {P} at (0,223) size 784x42 [bgcolor=#000000] [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,3) size 749x36
text run at (3,3) width 749: "This element should have a right border width of 25 pixels, which will be more obvious if the element is more than one"
text run at (3,21) width 59: "line long."
- RenderBlock {P} at (0,281) size 784x24 [bgcolor=#000000]
+ RenderBlock {P} at (0,281) size 784x24 [bgcolor=#000000] [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,3) size 769x18
text run at (3,3) width 769: "This element should have a thick right border width, which will be more obvious if the element is more than one line long."
- RenderBlock {P} at (0,321) size 784x42 [bgcolor=#000000]
+ RenderBlock {P} at (0,321) size 784x42 [bgcolor=#000000] [border: (3px solid #000000)]
RenderText {TEXT} at (3,3) size 753x36
text run at (3,3) width 753: "This element should have a medium right border width, which will be more obvious if the element is more than one line"
text run at (3,21) width 32: "long."
- RenderBlock {P} at (0,379) size 784x24 [bgcolor=#000000]
+ RenderBlock {P} at (0,379) size 784x24 [bgcolor=#000000] [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,3) size 762x18
text run at (3,3) width 762: "This element should have a thin right border width, which will be more obvious if the element is more than one line long."
RenderBlock {P} at (0,419) size 784x18 [bgcolor=#000000]
text run at (522,2) width 96: "border-style"
RenderText {TEXT} at (618,0) size 54x18
text run at (618,0) width 54: " was set."
- RenderTable {TABLE} at (0,453) size 784x354 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,453) size 784x354 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x352
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,176) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,176) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x326 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x326 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 762x18
RenderText {TEXT} at (0,0) size 157x18
text run at (0,0) width 157: "(These will only work if "
RenderBlock {P} at (4,38) size 762x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (4,72) size 762x42
+ RenderBlock {P} at (4,72) size 762x42 [border: (3px solid #000000) (25px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,3) size 722x36
text run at (3,3) width 722: "This element should have a right border width of 25 pixels, which will be more obvious if the element is more than"
text run at (3,21) width 86: "one line long."
- RenderBlock {P} at (4,130) size 762x42
+ RenderBlock {P} at (4,130) size 762x42 [border: (3px solid #000000) (5px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,3) size 733x36
text run at (3,3) width 733: "This element should have a thick right border width, which will be more obvious if the element is more than one line"
text run at (3,21) width 32: "long."
- RenderBlock {P} at (4,188) size 762x42
+ RenderBlock {P} at (4,188) size 762x42 [border: (3px solid #000000)]
RenderText {TEXT} at (3,3) size 753x36
text run at (3,3) width 753: "This element should have a medium right border width, which will be more obvious if the element is more than one line"
text run at (3,21) width 32: "long."
- RenderBlock {P} at (4,246) size 762x42
+ RenderBlock {P} at (4,246) size 762x42 [border: (3px solid #000000) (1px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,3) size 726x36
text run at (3,3) width 726: "This element should have a thin right border width, which will be more obvious if the element is more than one line"
text run at (3,21) width 32: "long."
text run at (0,15) width 424: ".two {border-right-width: thin; border-style: solid;}"
text run at (0,30) width 240: ".three {border-right-width: 25"
text run at (240,30) width 32: "px;}"
- RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
- RenderBlock {P} at (0,110) size 784x78 [bgcolor=#000000]
+ RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
+ RenderBlock {P} at (0,110) size 784x78 [bgcolor=#000000] [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 (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 171x24
+ RenderInline {SPAN} at (0,0) size 171x24 [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 (248,39) size 736x36
text run at (248,39) width 491: ", which should have no right border width or visible border because no border"
text run at (3,57) width 83: "style was set."
- RenderTable {TABLE} at (0,204) size 784x114 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,204) size 784x114 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x112
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,56) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ 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
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x86 [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x78
+ 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) (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 (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 171x24
+ RenderInline {SPAN} at (0,0) size 171x24 [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
text run at (0,135) width 368: ".ten {border-style: double groove ridge inset;"
text run at (0,150) width 368: " border-color: purple; border-width: thick;}"
text run at (0,165) width 552: ".eleven {border-style: none; border-color: red; border-width: thick;}"
- RenderBlock {HR} at (0,227) size 784x2 [bgcolor=#000000]
- RenderBlock {P} at (0,245) size 784x28 [bgcolor=#000000]
+ RenderBlock {HR} at (0,227) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
+ RenderBlock {P} at (0,245) size 784x28 [bgcolor=#000000] [border: (5px dotted #000000)]
RenderText {TEXT} at (5,5) size 472x18
text run at (5,5) width 472: "This paragraph should have a thick black dotted border all the way around."
- RenderBlock {P} at (0,289) size 784x28 [bgcolor=#000000]
+ RenderBlock {P} at (0,289) size 784x28 [bgcolor=#000000] [border: (5px dashed #000000)]
RenderText {TEXT} at (5,5) size 477x18
text run at (5,5) width 477: "This paragraph should have a thick black dashed border all the way around."
- RenderBlock {P} at (0,333) size 784x28 [bgcolor=#000000]
+ RenderBlock {P} at (0,333) size 784x28 [bgcolor=#000000] [border: (5px solid #000000)]
RenderText {TEXT} at (5,5) size 463x18
text run at (5,5) width 463: "This paragraph should have a thick black solid border all the way around."
- RenderBlock {P} at (0,377) size 784x28 [bgcolor=#000000]
+ RenderBlock {P} at (0,377) size 784x28 [bgcolor=#000000] [border: (5px double #000000)]
RenderText {TEXT} at (5,5) size 476x18
text run at (5,5) width 476: "This paragraph should have a thick black double border all the way around."
- RenderBlock {P} at (0,421) size 784x28 [bgcolor=#000000]
+ RenderBlock {P} at (0,421) size 784x28 [bgcolor=#000000] [border: (5px groove #808000)]
RenderText {TEXT} at (5,5) size 474x18
text run at (5,5) width 474: "This paragraph should have a thick olive groove border all the way around."
- RenderBlock {P} at (0,465) size 784x28 [bgcolor=#000000]
+ RenderBlock {P} at (0,465) size 784x28 [bgcolor=#000000] [border: (5px ridge #808000)]
RenderText {TEXT} at (5,5) size 462x18
text run at (5,5) width 462: "This paragraph should have a thick olive ridge border all the way around."
- RenderBlock {P} at (0,509) size 784x28 [bgcolor=#000000]
+ RenderBlock {P} at (0,509) size 784x28 [bgcolor=#000000] [border: (5px inset #808000)]
RenderText {TEXT} at (5,5) size 459x18
text run at (5,5) width 459: "This paragraph should have a thick olive inset border all the way around."
- RenderBlock {P} at (0,553) size 784x28 [bgcolor=#000000]
+ RenderBlock {P} at (0,553) size 784x28 [bgcolor=#000000] [border: (5px outset #808000)]
RenderText {TEXT} at (5,5) size 467x18
text run at (5,5) width 467: "This paragraph should have a thick olive outset border all the way around."
- RenderBlock {P} at (0,597) size 784x46 [bgcolor=#000000]
+ RenderBlock {P} at (0,597) size 784x46 [bgcolor=#000000] [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
RenderText {TEXT} at (5,5) size 744x36
text run at (5,5) width 617: "This paragraph should have thick double top and bottom borders, and thick grooved side borders. "
text run at (622,5) width 127: "The color of all four"
text run at (5,23) width 204: "sides should be based on purple."
- RenderBlock {P} at (0,659) size 784x46 [bgcolor=#000000]
+ RenderBlock {P} at (0,659) size 784x46 [bgcolor=#000000] [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
RenderText {TEXT} at (5,5) size 763x36
text run at (5,5) width 702: "This paragraph should have, in clockwise order from the top, a double, grooved, ridged, and inset thick border. "
text run at (707,5) width 61: "The color"
RenderBlock {P} at (0,721) size 784x18 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 278x18
text run at (0,0) width 278: "This paragraph should have no border at all."
- RenderTable {TABLE} at (0,755) size 784x530 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,755) size 784x530 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x528
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,264) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,264) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x502 [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x28
+ RenderTableCell {TD} at (12,26) size 770x502 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x28 [border: (5px dotted #000000)]
RenderText {TEXT} at (5,5) size 472x18
text run at (5,5) width 472: "This paragraph should have a thick black dotted border all the way around."
- RenderBlock {P} at (4,48) size 762x28
+ RenderBlock {P} at (4,48) size 762x28 [border: (5px dashed #000000)]
RenderText {TEXT} at (5,5) size 477x18
text run at (5,5) width 477: "This paragraph should have a thick black dashed border all the way around."
- RenderBlock {P} at (4,92) size 762x28
+ RenderBlock {P} at (4,92) size 762x28 [border: (5px solid #000000)]
RenderText {TEXT} at (5,5) size 463x18
text run at (5,5) width 463: "This paragraph should have a thick black solid border all the way around."
- RenderBlock {P} at (4,136) size 762x28
+ RenderBlock {P} at (4,136) size 762x28 [border: (5px double #000000)]
RenderText {TEXT} at (5,5) size 476x18
text run at (5,5) width 476: "This paragraph should have a thick black double border all the way around."
- RenderBlock {P} at (4,180) size 762x28
+ RenderBlock {P} at (4,180) size 762x28 [border: (5px groove #808000)]
RenderText {TEXT} at (5,5) size 474x18
text run at (5,5) width 474: "This paragraph should have a thick olive groove border all the way around."
- RenderBlock {P} at (4,224) size 762x28
+ RenderBlock {P} at (4,224) size 762x28 [border: (5px ridge #808000)]
RenderText {TEXT} at (5,5) size 462x18
text run at (5,5) width 462: "This paragraph should have a thick olive ridge border all the way around."
- RenderBlock {P} at (4,268) size 762x28
+ RenderBlock {P} at (4,268) size 762x28 [border: (5px inset #808000)]
RenderText {TEXT} at (5,5) size 459x18
text run at (5,5) width 459: "This paragraph should have a thick olive inset border all the way around."
- RenderBlock {P} at (4,312) size 762x28
+ RenderBlock {P} at (4,312) size 762x28 [border: (5px outset #808000)]
RenderText {TEXT} at (5,5) size 467x18
text run at (5,5) width 467: "This paragraph should have a thick olive outset border all the way around."
- RenderBlock {P} at (4,356) size 762x46
+ RenderBlock {P} at (4,356) size 762x46 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)]
RenderText {TEXT} at (5,5) size 744x36
text run at (5,5) width 617: "This paragraph should have thick double top and bottom borders, and thick grooved side borders. "
text run at (622,5) width 127: "The color of all four"
text run at (5,23) width 204: "sides should be based on purple."
- RenderBlock {P} at (4,418) size 762x46
+ RenderBlock {P} at (4,418) size 762x46 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)]
RenderText {TEXT} at (5,5) size 727x36
text run at (5,5) width 702: "This paragraph should have, in clockwise order from the top, a double, grooved, ridged, and inset thick border. "
text run at (707,5) width 25: "The"
text run at (0,0) width 560: ".one {border-style: dashed; border-color: black; border-width: thick;}"
text run at (0,15) width 544: ".two {border-style: groove; border-color: red; border-width: thick;}"
text run at (0,30) width 568: ".three {border-style: none; border-color: purple; border-width: thick;}"
- RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,110) size 784x54 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 664x18
text run at (0,0) width 664: "This is an unstyled element, save for the background color, and it contains inline elements with classes of "
- RenderInline {SPAN} at (0,0) size 67x28 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 67x28 [bgcolor=#000000] [border: (5px dashed #000000)]
RenderText {TEXT} at (669,0) size 57x18
text run at (669,0) width 57: "class one"
RenderText {TEXT} at (731,0) size 778x36
text run at (731,0) width 47: ", which"
text run at (0,18) width 263: "will result in a dashed thick black border; "
- RenderInline {SPAN} at (0,0) size 68x28 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 68x28 [bgcolor=#000000] [border: (5px groove #FF0000)]
RenderText {TEXT} at (268,18) size 58x18
text run at (268,18) width 58: "class two"
RenderText {TEXT} at (331,18) size 373x18
text run at (769,18) width 4: ","
text run at (0,36) width 246: "which should result in no border at all. "
text run at (246,36) width 433: "The line-height of the parent element should not change, on any line."
- RenderTable {TABLE} at (0,180) size 784x90 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,180) size 784x90 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x88
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x62 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x62 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 762x54 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 664x18
text run at (0,0) width 664: "This is an unstyled element, save for the background color, and it contains inline elements with classes of "
- RenderInline {SPAN} at (0,0) size 67x28 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 67x28 [bgcolor=#000000] [border: (5px dashed #000000)]
RenderText {TEXT} at (669,0) size 57x18
text run at (669,0) width 57: "class one"
RenderText {TEXT} at (731,0) size 735x36
text run at (731,0) width 4: ","
text run at (0,18) width 306: "which will result in a dashed thick black border; "
- RenderInline {SPAN} at (0,0) size 68x28 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 68x28 [bgcolor=#000000] [border: (5px groove #FF0000)]
RenderText {TEXT} at (311,18) size 58x18
text run at (311,18) width 58: "class two"
RenderText {TEXT} at (374,18) size 369x18
text run at (0,30) width 320: ".three {border-top: black medium solid;}"
text run at (0,45) width 184: "TD {border-top: green 2"
text run at (184,45) width 80: "px solid;}"
- RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,125) size 784x36 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 755x36
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 top sides. "
text run at (634,0) width 121: "This border applies"
text run at (0,18) width 317: "only to the cells, not the rows which contain them."
- RenderBlock {P} at (0,177) size 784x28 [bgcolor=#000000]
+ RenderBlock {P} at (0,177) size 784x28 [bgcolor=#000000] [border: (10px double #800080) none]
RenderText {TEXT} at (0,10) size 414x18
text run at (0,10) width 310: "This paragraph should have a purple, double, 10-"
text run at (310,10) width 104: "pixel top border."
- RenderBlock {P} at (0,221) size 784x19 [bgcolor=#000000]
+ RenderBlock {P} at (0,221) size 784x19 [bgcolor=#000000] [border: (1px solid #800080) none]
RenderText {TEXT} at (0,1) size 331x18
text run at (0,1) width 331: "This paragraph should have a thin purple top border."
- RenderTable {TABLE} at (0,256) size 784x110 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,256) size 784x110 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x108
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,5) size 772x41 [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (5,5) size 772x41 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderText {TEXT} at (2,3) size 735x36
text run at (2,3) width 248: "Every cell in this table should have a 2-"
text run at (250,3) width 181: "pixel solid green top border. "
text run at (431,3) width 306: "This is also true of the table-testing section in the"
text run at (2,21) width 175: "second half of the test page."
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,65) size 196x23 [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (5,65) size 196x23 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (2,3) size 53x18
text run at (2,3) width 53: "Cell one"
- RenderTableCell {TD} at (206,51) size 571x52 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (206,51) size 571x52 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock (anonymous) at (2,3) size 567x18
RenderText {TEXT} at (0,0) size 54x18
text run at (0,0) width 54: "Cell two"
- RenderTable {TABLE} at (2,21) size 161x29
+ RenderTable {TABLE} at (2,21) size 161x29 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x27
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (2,2) size 155x23 [r=0 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (2,2) size 155x23 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {TEXT} at (2,3) size 151x18
text run at (2,3) width 151: "Nested single-cell table!"
RenderBlock {UL} at (0,382) size 784x117 [bgcolor=#000000]
- RenderListItem {LI} at (40,0) size 744x75
+ RenderListItem {LI} at (40,0) size 744x75 [border: (3px solid #000000) none]
RenderBlock (anonymous) at (0,3) size 744x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 118x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 176x18
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,75) size 744x21
+ RenderListItem {LI} at (40,75) size 744x21 [border: (3px solid #000000) none]
RenderListMarker at (0,3) size 0x14
RenderText {TEXT} at (0,3) size 158x18
text run at (0,3) width 158: "This is a second list item."
- RenderListItem {LI} at (40,96) size 744x21
+ RenderListItem {LI} at (40,96) size 744x21 [border: (3px solid #000000) none]
RenderListMarker at (0,3) size 0x14
RenderText {TEXT} at (0,3) size 480x18
text run at (0,3) width 480: "Each list item in this list should have a medium-width black border at its top."
- RenderTable {TABLE} at (0,515) size 784x428 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,515) size 784x428 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x426
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x27 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 782x27 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
RenderText {TEXT} at (4,5) size 163x18
text run at (4,5) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,213) size 12x27 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,213) size 12x27 [bgcolor=#C0C0C0] [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,5) size 4x18
text run at (4,5) width 4: " "
- RenderTableCell {TD} at (12,27) size 770x399 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,27) size 770x399 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,5) size 762x36
RenderText {TEXT} at (0,0) size 755x36
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 top sides. "
text run at (634,0) width 121: "This border applies"
text run at (0,18) width 317: "only to the cells, not the rows which contain them."
- RenderBlock {P} at (4,57) size 762x28
+ RenderBlock {P} at (4,57) size 762x28 [border: (10px double #800080) none]
RenderText {TEXT} at (0,10) size 414x18
text run at (0,10) width 310: "This paragraph should have a purple, double, 10-"
text run at (310,10) width 104: "pixel top border."
- RenderBlock {P} at (4,101) size 762x19
+ RenderBlock {P} at (4,101) size 762x19 [border: (1px solid #800080) none]
RenderText {TEXT} at (0,1) size 331x18
text run at (0,1) width 331: "This paragraph should have a thin purple top border."
- RenderTable {TABLE} at (4,136) size 762x110
+ RenderTable {TABLE} at (4,136) size 762x110 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x108
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,5) size 750x41 [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (5,5) size 750x41 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderText {TEXT} at (2,3) size 735x36
text run at (2,3) width 248: "Every cell in this table should have a 2-"
text run at (250,3) width 181: "pixel solid green top border. "
text run at (431,3) width 306: "This is also true of the table-testing section in the"
text run at (2,21) width 175: "second half of the test page."
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (5,65) size 190x23 [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (5,65) size 190x23 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (2,3) size 53x18
text run at (2,3) width 53: "Cell one"
- RenderTableCell {TD} at (200,51) size 555x52 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (200,51) size 555x52 [border: (2px solid #008000) (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock (anonymous) at (2,3) size 551x18
RenderText {TEXT} at (0,0) size 54x18
text run at (0,0) width 54: "Cell two"
- RenderTable {TABLE} at (2,21) size 161x29
+ RenderTable {TABLE} at (2,21) size 161x29 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x27
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (2,2) size 155x23 [r=0 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (2,2) size 155x23 [border: (2px solid #008000) (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
RenderText {TEXT} at (2,3) size 151x18
text run at (2,3) width 151: "Nested single-cell table!"
RenderBlock {UL} at (4,262) size 762x117
- RenderListItem {LI} at (40,0) size 722x75
+ RenderListItem {LI} at (40,0) size 722x75 [border: (3px solid #000000) none]
RenderBlock (anonymous) at (0,3) size 722x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 118x18
RenderListMarker at (0,0) size 0x14
RenderText {TEXT} at (0,0) size 176x18
text run at (0,0) width 176: "...nested within the list item."
- RenderListItem {LI} at (40,75) size 722x21
+ RenderListItem {LI} at (40,75) size 722x21 [border: (3px solid #000000) none]
RenderListMarker at (0,3) size 0x14
RenderText {TEXT} at (0,3) size 158x18
text run at (0,3) width 158: "This is a second list item."
- RenderListItem {LI} at (40,96) size 722x21
+ RenderListItem {LI} at (40,96) size 722x21 [border: (3px solid #000000) none]
RenderListMarker at (0,3) size 0x14
RenderText {TEXT} at (0,3) size 480x18
text run at (0,3) width 480: "Each list item in this list should have a medium-width black border at its top."
text run at (0,0) width 272: ".one {border-top: purple double 10"
text run at (272,0) width 32: "px;}"
text run at (0,15) width 296: ".two {border-top: purple thin solid;}"
- RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,110) size 784x54 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 666x18
text run at (0,0) width 666: "This is an unstyled element, save for the background color, and containing inline elements with classes of "
- RenderInline {SPAN} at (0,0) size 57x28 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 57x28 [bgcolor=#000000] [border: (10px double #800080) none]
RenderText {TEXT} at (666,0) size 57x18
text run at (666,0) width 57: "class one"
RenderText {TEXT} at (723,0) size 770x36
text run at (723,0) width 47: ", which"
text run at (0,18) width 112: "should have a 10-"
text run at (112,18) width 226: "pixel purple double top border; and "
- RenderInline {SPAN} at (0,0) size 58x19 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 58x19 [bgcolor=#000000] [border: (1px solid #800080) none]
RenderText {TEXT} at (338,18) size 58x18
text run at (338,18) width 58: "class two"
RenderText {TEXT} at (396,18) size 742x36
text run at (396,18) width 321: ", which should have a thin solid purple top border. "
text run at (717,18) width 25: "The"
text run at (0,36) width 400: "line-height of the parent element should not change on any line."
- RenderTable {TABLE} at (0,180) size 784x90 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,180) size 784x90 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x88
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,44) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x62 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x62 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 762x54 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 666x18
text run at (0,0) width 666: "This is an unstyled element, save for the background color, and containing inline elements with classes of "
- RenderInline {SPAN} at (0,0) size 57x28 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 57x28 [bgcolor=#000000] [border: (10px double #800080) none]
RenderText {TEXT} at (666,0) size 57x18
text run at (666,0) width 57: "class one"
RenderText {TEXT} at (723,0) size 727x36
text run at (723,0) width 4: ","
text run at (0,18) width 155: "which should have a 10-"
text run at (155,18) width 226: "pixel purple double top border; and "
- RenderInline {SPAN} at (0,0) size 58x19 [bgcolor=#000000]
+ RenderInline {SPAN} at (0,0) size 58x19 [bgcolor=#000000] [border: (1px solid #800080) none]
RenderText {TEXT} at (381,18) size 58x18
text run at (381,18) width 58: "class two"
RenderText {TEXT} at (439,18) size 756x36
text run at (0,60) width 416: ".four {border-top-width: thin; border-style: solid;}"
text run at (0,75) width 216: ".five {border-top-width: 25"
text run at (216,75) width 32: "px;}"
- RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,155) size 784x18 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 157x18
text run at (0,0) width 157: "(These will only work if "
RenderBlock {P} at (0,189) size 784x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,223) size 784x46 [bgcolor=#000000]
+ RenderBlock {P} at (0,223) size 784x46 [bgcolor=#000000] [border: (25px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,25) size 377x18
text run at (3,25) width 377: "This paragraph should have a top border width of 25 pixels."
- RenderBlock {P} at (0,285) size 784x26 [bgcolor=#000000]
+ RenderBlock {P} at (0,285) size 784x26 [bgcolor=#000000] [border: (5px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,5) size 334x18
text run at (3,5) width 334: "This paragraph should have a thick top border width."
- RenderBlock {P} at (0,327) size 784x24 [bgcolor=#000000]
+ RenderBlock {P} at (0,327) size 784x24 [bgcolor=#000000] [border: (3px solid #000000)]
RenderText {TEXT} at (3,3) size 354x18
text run at (3,3) width 354: "This paragraph should have a medium top border width."
- RenderBlock {P} at (0,367) size 784x22 [bgcolor=#000000]
+ RenderBlock {P} at (0,367) size 784x22 [bgcolor=#000000] [border: (1px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,1) size 327x18
text run at (3,1) width 327: "This paragraph should have a thin top border width."
RenderBlock {P} at (0,405) size 784x18 [bgcolor=#000000]
text run at (527,2) width 96: "border-style"
RenderText {TEXT} at (623,0) size 54x18
text run at (623,0) width 54: " was set."
- RenderTable {TABLE} at (0,439) size 699x304 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,439) size 699x304 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x302
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 697x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 697x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,151) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,151) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 685x276 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 685x276 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 677x18
RenderText {TEXT} at (0,0) size 157x18
text run at (0,0) width 157: "(These will only work if "
RenderBlock {P} at (4,38) size 677x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (4,72) size 677x46
+ RenderBlock {P} at (4,72) size 677x46 [border: (25px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,25) size 377x18
text run at (3,25) width 377: "This paragraph should have a top border width of 25 pixels."
- RenderBlock {P} at (4,134) size 677x26
+ RenderBlock {P} at (4,134) size 677x26 [border: (5px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,5) size 334x18
text run at (3,5) width 334: "This paragraph should have a thick top border width."
- RenderBlock {P} at (4,176) size 677x24
+ RenderBlock {P} at (4,176) size 677x24 [border: (3px solid #000000)]
RenderText {TEXT} at (3,3) size 354x18
text run at (3,3) width 354: "This paragraph should have a medium top border width."
- RenderBlock {P} at (4,216) size 677x22
+ RenderBlock {P} at (4,216) size 677x22 [border: (1px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,1) size 327x18
text run at (3,1) width 327: "This paragraph should have a thin top border width."
RenderBlock {P} at (4,254) size 677x18
text run at (0,15) width 408: ".two {border-top-width: thin; border-style: solid;}"
text run at (0,30) width 224: ".three {border-top-width: 25"
text run at (224,30) width 32: "px;}"
- RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
- RenderBlock {P} at (0,110) size 784x82 [bgcolor=#000000]
+ RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
+ RenderBlock {P} at (0,110) size 784x82 [bgcolor=#000000] [border: (25px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,25) size 172x18
text run at (3,25) width 172: "This element has a class of "
RenderInline {TT} at (0,0) size 24x15
RenderText {TEXT} at (199,25) size 162x18
text run at (199,25) width 8: ". "
text run at (207,25) width 154: "However, it contains an "
- RenderInline {SPAN} at (0,0) size 173x22
+ RenderInline {SPAN} at (0,0) size 173x22 [border: (1px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (364,25) size 143x18
text run at (364,25) width 143: "inline element of class "
RenderInline {TT} at (0,0) size 24x15
text run at (165,63) width 40: "three"
RenderText {TEXT} at (205,61) size 569x18
text run at (205,61) width 569: ", which should have no top border width or visible border because no border style was set."
- RenderTable {TABLE} at (0,208) size 784x136 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,208) size 784x136 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x134
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,67) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ 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
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x108 [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x100
+ 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: (25px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (3,25) size 172x18
text run at (3,25) width 172: "This element has a class of "
RenderInline {TT} at (0,0) size 24x15
RenderText {TEXT} at (199,25) size 162x18
text run at (199,25) width 8: ". "
text run at (207,25) width 154: "However, it contains an "
- RenderInline {SPAN} at (0,0) size 173x22
+ RenderInline {SPAN} at (0,0) size 173x22 [border: (1px solid #000000) (3px solid #000000)]
RenderText {TEXT} at (364,25) size 143x18
text run at (364,25) width 143: "inline element of class "
RenderInline {TT} at (0,0) size 24x15
text run at (0,60) width 384: ".four {border-width: thin; border-style: solid;}"
text run at (0,75) width 184: ".five {border-width: 25"
text run at (184,75) width 32: "px;}"
- RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,155) size 784x18 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 157x18
text run at (0,0) width 157: "(These will only work if "
RenderBlock {P} at (0,189) size 784x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (0,223) size 784x118 [bgcolor=#000000]
+ RenderBlock {P} at (0,223) size 784x118 [bgcolor=#000000] [border: (50px solid #000000)]
RenderText {TEXT} at (50,50) size 394x18
text run at (50,50) width 394: "This element should have an overall border width of 50 pixels."
- RenderBlock {P} at (0,357) size 784x28 [bgcolor=#000000]
+ RenderBlock {P} at (0,357) size 784x28 [bgcolor=#000000] [border: (5px solid #000000)]
RenderText {TEXT} at (5,5) size 343x18
text run at (5,5) width 343: "This element should have a thick overall border width."
- RenderBlock {P} at (0,401) size 784x24 [bgcolor=#000000]
+ RenderBlock {P} at (0,401) size 784x24 [bgcolor=#000000] [border: (3px solid #000000)]
RenderText {TEXT} at (3,3) size 363x18
text run at (3,3) width 363: "This element should have a medium overall border width."
- RenderBlock {P} at (0,441) size 784x20 [bgcolor=#000000]
+ RenderBlock {P} at (0,441) size 784x20 [bgcolor=#000000] [border: (1px solid #000000)]
RenderText {TEXT} at (1,1) size 336x18
text run at (1,1) width 336: "This element should have a thin overall border width."
RenderBlock {P} at (0,477) size 784x18 [bgcolor=#000000]
text run at (498,2) width 96: "border-style"
RenderText {TEXT} at (594,0) size 54x18
text run at (594,0) width 54: " was set."
- RenderTable {TABLE} at (0,511) size 670x376 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,511) size 670x376 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x374
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 668x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 668x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,187) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,187) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 656x348 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 656x348 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 648x18
RenderText {TEXT} at (0,0) size 157x18
text run at (0,0) width 157: "(These will only work if "
RenderBlock {P} at (4,38) size 648x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (4,72) size 648x118
+ RenderBlock {P} at (4,72) size 648x118 [border: (50px solid #000000)]
RenderText {TEXT} at (50,50) size 394x18
text run at (50,50) width 394: "This element should have an overall border width of 50 pixels."
- RenderBlock {P} at (4,206) size 648x28
+ RenderBlock {P} at (4,206) size 648x28 [border: (5px solid #000000)]
RenderText {TEXT} at (5,5) size 343x18
text run at (5,5) width 343: "This element should have a thick overall border width."
- RenderBlock {P} at (4,250) size 648x24
+ RenderBlock {P} at (4,250) size 648x24 [border: (3px solid #000000)]
RenderText {TEXT} at (3,3) size 363x18
text run at (3,3) width 363: "This element should have a medium overall border width."
- RenderBlock {P} at (4,290) size 648x20
+ RenderBlock {P} at (4,290) size 648x20 [border: (1px solid #000000)]
RenderText {TEXT} at (1,1) size 336x18
text run at (1,1) width 336: "This element should have a thin overall border width."
RenderBlock {P} at (4,326) size 648x18
text run at (0,15) width 376: ".two {border-width: thin; border-style: solid;}"
text run at (0,30) width 192: ".three {border-width: 25"
text run at (192,30) width 32: "px;}"
- RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
- RenderBlock {P} at (0,110) size 784x104 [bgcolor=#000000]
+ RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
+ RenderBlock {P} at (0,110) size 784x104 [bgcolor=#000000] [border: (25px solid #000000)]
RenderText {TEXT} at (25,25) size 172x18
text run at (25,25) width 172: "This element has a class of "
RenderInline {TT} at (0,0) size 24x15
RenderText {TEXT} at (221,25) size 162x18
text run at (221,25) width 8: ". "
text run at (229,25) width 154: "However, it contains an "
- RenderInline {SPAN} at (0,0) size 169x20
+ RenderInline {SPAN} at (0,0) size 169x20 [border: (1px solid #000000)]
RenderText {TEXT} at (384,25) size 143x18
text run at (384,25) width 143: "inline element of class "
RenderInline {TT} at (0,0) size 24x15
RenderText {TEXT} at (685,43) size 707x36
text run at (685,43) width 47: ", which"
text run at (25,61) width 387: "should have no border width because no border style was set."
- RenderTable {TABLE} at (0,230) size 784x140 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,230) size 784x140 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x138
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,69) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,69) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x112 [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 762x104
+ RenderTableCell {TD} at (12,26) size 770x112 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 762x104 [border: (25px solid #000000)]
RenderText {TEXT} at (25,25) size 172x18
text run at (25,25) width 172: "This element has a class of "
RenderInline {TT} at (0,0) size 24x15
RenderText {TEXT} at (221,25) size 162x18
text run at (221,25) width 8: ". "
text run at (229,25) width 154: "However, it contains an "
- RenderInline {SPAN} at (0,0) size 169x20
+ RenderInline {SPAN} at (0,0) size 169x20 [border: (1px solid #000000)]
RenderText {TEXT} at (384,25) size 143x18
text run at (384,25) width 143: "inline element of class "
RenderInline {TT} at (0,0) size 24x15
text run at (0,15) width 160: ".two {clear: right;}"
text run at (0,30) width 168: ".three {clear: both;}"
text run at (0,45) width 160: ".four {clear: none;}"
- RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderImage {IMG} at (0,121) size 15x50 [bgcolor=#000000]
RenderBlock {P} at (0,125) size 784x18 [bgcolor=#000000]
RenderText {TEXT} at (18,0) size 595x18
text run at (18,0) width 595: "This text should be flowing past a tall orange rectangle on the left side of the browser window."
RenderBlock (anonymous) at (0,159) size 784x18 [bgcolor=#000000]
RenderBR {BR} at (0,0) size 0x0
- RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#CCCCCC]
+ RenderText {TEXT} at (0,0) size 0x0
RenderImage {IMG} at (0,177) size 15x50 [bgcolor=#000000]
RenderBlock {P} at (0,227) size 784x18 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 649x18
text run at (0,0) width 649: "This paragraph should appear below the tall orange rectangle above and to the left, and not flow past it."
RenderBlock (anonymous) at (0,261) size 784x18 [bgcolor=#000000]
RenderBR {BR} at (0,0) size 0x0
- RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#CCCCCC]
+ RenderText {TEXT} at (0,0) size 0x0
RenderImage {IMG} at (769,279) size 15x50 [bgcolor=#000000]
RenderBlock {P} at (0,329) size 784x18 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 658x18
text run at (0,0) width 658: "This paragraph should appear below the tall orange rectangle above and to the right, and not flow past it."
RenderBlock (anonymous) at (0,363) size 784x18 [bgcolor=#000000]
RenderBR {BR} at (0,0) size 0x0
- RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#CCCCCC]
+ RenderText {TEXT} at (0,0) size 0x0
RenderImage {IMG} at (0,381) size 15x50 [bgcolor=#000000]
RenderImage {IMG} at (769,381) size 15x50 [bgcolor=#000000]
RenderBlock {P} at (0,431) size 784x18 [bgcolor=#000000]
text run at (18,0) width 390: "This paragraph should be between both tall orange rectangles."
RenderBlock (anonymous) at (0,499) size 784x18 [bgcolor=#000000]
RenderBR {BR} at (0,0) size 0x0
- RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#CCCCCC]
- RenderTable {TABLE} at (0,517) size 680x428 [bgcolor=#000000]
+ RenderText {TEXT} at (0,0) size 0x0
+ RenderTable {TABLE} at (0,517) size 680x428 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x426
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 678x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 678x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,213) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,213) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 666x400 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 666x400 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderImage {IMG} at (4,4) size 15x50
RenderBlock (anonymous) at (4,4) size 658x0
RenderText {TEXT} at (0,0) size 0x0
text run at (440,90) width 152: "em; margin-right: 2"
text run at (592,90) width 24: "em;"
text run at (0,105) width 480: " color: black; background: yellow; clear: none;}"
- RenderBlock {HR} at (0,179) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,179) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock (floating) {DIV} at (0,193) size 192x116 [color=#FFFFFF] [bgcolor=#008000]
RenderBlock {H1} at (8,8) size 176x22 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 85x22
RenderText {TEXT} at (0,0) size 512x36
text run at (0,0) width 512: "The top of the yellow rectangle (to which this paragraph belongs) should be"
text run at (0,18) width 331: "vertically aligned with the top of the green rectangle."
- RenderTable {TABLE} at (192,414) size 592x347 [bgcolor=#000000]
+ RenderTable {TABLE} at (192,414) size 592x347 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x345
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 590x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ RenderTableCell {TD} at (0,0) size 590x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,172) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,172) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 578x319 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 578x319 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock (floating) {DIV} at (4,4) size 192x116 [color=#FFFFFF] [bgcolor=#008000]
RenderBlock {H1} at (8,8) size 176x22 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 85x22
RenderText {TEXT} at (0,0) size 160x30
text run at (0,0) width 152: ".one {float: left;}"
text run at (0,15) width 160: ".two {float: right;}"
- RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderImage {IMG} at (0,106) size 15x50 [bgcolor=#000000]
RenderBlock {P} at (0,110) size 784x36 [bgcolor=#000000]
RenderText {TEXT} at (15,0) size 764x36
text run at (15,18) width 212: "which has been floated to the left."
RenderBlock (anonymous) at (0,162) size 784x18 [bgcolor=#000000]
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {HR} at (0,192) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,192) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderImage {IMG} at (769,206) size 15x50 [bgcolor=#000000]
RenderBlock {P} at (0,210) size 784x36 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 731x36
text run at (0,0) width 608: "This text should be flowing past a tall orange rectangle on the right side of the browser window. "
text run at (608,0) width 123: "In this case, it is the"
text run at (0,18) width 263: "image which has been floated to the right."
- RenderTable {TABLE} at (0,262) size 784x182 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,262) size 784x182 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x180
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,90) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,90) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x154 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x154 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderImage {IMG} at (4,4) size 15x50
RenderBlock (anonymous) at (4,4) size 762x0
RenderText {TEXT} at (0,0) size 0x0
text run at (15,18) width 254: "image which has been floated to the left."
RenderBlock (anonymous) at (4,56) size 762x18
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {HR} at (4,86) size 762x2
+ RenderBlock {HR} at (4,86) size 762x2 [border: (1px inset #000000)]
RenderImage {IMG} at (751,100) size 15x50
RenderBlock {P} at (4,104) size 762x36
RenderText {TEXT} at (0,0) size 731x36
text run at (0,165) width 136: "TABLE {margin: 20"
text run at (136,165) width 32: "px 0"
text run at (168,165) width 32: "px;}"
- RenderBlock {HR} at (0,239) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,239) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,253) size 784x36 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 784x36
text run at (0,0) width 784: "The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this page"
text run at (0,18) width 405: "indicates how the DIV elements should be laid out horizontally. "
text run at (405,18) width 219: "They should align with each other."
- RenderBlock (floating) {DIV} at (0,299) size 140x98 [bgcolor=#FFFF00]
+ RenderBlock (floating) {DIV} at (0,299) size 140x98 [bgcolor=#FFFF00] [border: (20px solid #000000)]
RenderBlock {P} at (40,40) size 60x18 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 47x18
text run at (0,0) width 47: "Yellow"
- RenderBlock (floating) {DIV} at (160,299) size 140x98 [color=#FFFFFF] [bgcolor=#0000FF]
+ RenderBlock (floating) {DIV} at (160,299) size 140x98 [color=#FFFFFF] [bgcolor=#0000FF] [border: (20px solid #000000)]
RenderBlock {P} at (40,40) size 60x18 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 30x18
text run at (0,0) width 30: "Blue"
- RenderBlock (floating) {DIV} at (320,299) size 140x98 [bgcolor=#FF0000]
+ RenderBlock (floating) {DIV} at (320,299) size 140x98 [bgcolor=#FF0000] [border: (20px solid #000000)]
RenderBlock {P} at (40,40) size 60x18 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 26x18
text run at (0,0) width 26: "Red"
- RenderBlock (floating) {DIV} at (480,299) size 140x98 [color=#FFFFFF] [bgcolor=#008000]
+ RenderBlock (floating) {DIV} at (480,299) size 140x98 [color=#FFFFFF] [bgcolor=#008000] [border: (20px solid #000000)]
RenderBlock {P} at (40,40) size 60x18 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 39x18
text run at (0,0) width 39: "Green"
RenderImage {IMG} at (0,0) size 100x1 [bgcolor=#000000]
RenderTableCell {TD} at (600,9) size 20x1 [bgcolor=#000000] [r=0 c=14 rs=1 cs=1]
RenderImage {IMG} at (0,0) size 20x1 [bgcolor=#000000]
- RenderTable {TABLE} at (0,446) size 784x229 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,446) size 784x229 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x227
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,113) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,113) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x201 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x201 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 762x36
RenderText {TEXT} at (0,0) size 762x36
text run at (0,0) width 762: "The four floating DIV elements below should appear next to each other horizontally. The table at the bottom of this page"
text run at (0,18) width 405: "indicates how the DIV elements should be laid out horizontally. "
text run at (405,18) width 219: "They should align with each other."
- RenderBlock (floating) {DIV} at (4,50) size 140x98 [bgcolor=#FFFF00]
+ RenderBlock (floating) {DIV} at (4,50) size 140x98 [bgcolor=#FFFF00] [border: (20px solid #000000)]
RenderBlock {P} at (40,40) size 60x18 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 47x18
text run at (0,0) width 47: "Yellow"
- RenderBlock (floating) {DIV} at (164,50) size 140x98 [color=#FFFFFF] [bgcolor=#0000FF]
+ RenderBlock (floating) {DIV} at (164,50) size 140x98 [color=#FFFFFF] [bgcolor=#0000FF] [border: (20px solid #000000)]
RenderBlock {P} at (40,40) size 60x18 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 30x18
text run at (0,0) width 30: "Blue"
- RenderBlock (floating) {DIV} at (324,50) size 140x98 [bgcolor=#FF0000]
+ RenderBlock (floating) {DIV} at (324,50) size 140x98 [bgcolor=#FF0000] [border: (20px solid #000000)]
RenderBlock {P} at (40,40) size 60x18 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 26x18
text run at (0,0) width 26: "Red"
- RenderBlock (floating) {DIV} at (484,50) size 140x98 [color=#FFFFFF] [bgcolor=#008000]
+ RenderBlock (floating) {DIV} at (484,50) size 140x98 [color=#FFFFFF] [bgcolor=#008000] [border: (20px solid #000000)]
RenderBlock {P} at (40,40) size 60x18 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 39x18
text run at (0,0) width 39: "Green"
text run at (0,105) width 192: "#img5 {margin-right: -30"
text run at (192,105) width 176: "px; margin-bottom: -30"
text run at (368,105) width 32: "px;}"
- RenderBlock {HR} at (0,182) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,182) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (30,204) size 744x92 [bgcolor=#FFFFFF]
RenderText {TEXT} at (0,0) size 738x92
text run at (0,0) width 663: "This paragraph should have a white background which extends to the edges of the"
text run at (0,92) width 397: "which extends to the edges of the element's box. "
text run at (397,92) width 335: "There is no padding set on this paragraph"
text run at (0,115) width 97: "whatsoever."
- RenderTable {TABLE} at (0,1037) size 784x849 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,1037) size 784x849 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x847
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,423) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,423) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x821 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x821 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (34,4) size 722x92 [bgcolor=#FFFFFF]
RenderText {TEXT} at (0,0) size 708x92
text run at (0,0) width 663: "This paragraph should have a white background which extends to the edges of the"
text run at (0,0) width 392: "This paragraph is of class \"one\". It has a width of 50% and is"
text run at (0,18) width 110: "floated to the left."
RenderBlock (anonymous) at (0,0) size 784x0 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#CCCCCC]
+ RenderText {TEXT} at (0,0) size 0x0
RenderBlock {P} at (0,0) size 784x72 [bgcolor=#000000]
RenderText {TEXT} at (392,0) size 784x72
text run at (392,0) width 392: "This paragraph should start on the right side of a yellow box"
text run at (0,54) width 740: "border or margins on this and the previous element, so the text of the two elements should be very close to each other."
RenderBlock (anonymous) at (0,72) size 784x18 [bgcolor=#000000]
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {HR} at (0,102) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,102) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock (floating) {P} at (0,116) size 784x72 [bgcolor=#FFFF00]
RenderText {TEXT} at (0,0) size 784x72
text run at (0,0) width 784: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its parent"
text run at (0,54) width 217: "paragraph for diagnostic purposes."
RenderBlock (anonymous) at (0,116) size 784x91 [bgcolor=#000000]
RenderImage {IMG} at (0,72) size 15x15
- RenderText {TEXT} at (15,73) size 4x18 [bgcolor=#CCCCCC]
+ RenderText {TEXT} at (15,73) size 4x18
text run at (15,73) width 4: " "
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {HR} at (0,219) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,219) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock (floating) {P} at (0,233) size 392x108 [bgcolor=#FFFF00]
RenderText {TEXT} at (0,0) size 392x108
text run at (0,0) width 392: "This paragraph is floated to the left and the orange square"
text run at (0,90) width 79: "undernearth."
RenderBlock (anonymous) at (0,233) size 784x108 [bgcolor=#000000]
RenderImage {IMG} at (392,0) size 15x15
- RenderText {TEXT} at (407,1) size 4x18 [bgcolor=#CCCCCC]
+ RenderText {TEXT} at (407,1) size 4x18
text run at (407,1) width 4: " "
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {HR} at (0,353) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,353) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock (floating) {P} at (392,367) size 392x108 [bgcolor=#FFFF00]
RenderText {TEXT} at (0,0) size 392x108
text run at (0,0) width 392: "This paragraph is floated to the right (using a STYLE"
text run at (0,90) width 157: "of the yellow box above."
RenderBlock (anonymous) at (0,367) size 784x108 [bgcolor=#000000]
RenderImage {IMG} at (0,0) size 15x15
- RenderText {TEXT} at (15,1) size 4x18 [bgcolor=#CCCCCC]
+ RenderText {TEXT} at (15,1) size 4x18
text run at (15,1) width 4: " "
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {HR} at (0,487) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,487) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,501) size 784x54 [bgcolor=#000000]
RenderBlock (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 21x37
text run at (48,36) width 656: "vertically aligned with the top of the first line of this paragraph. This is commonly known as \"drop-cap\"."
RenderBlock (anonymous) at (0,555) size 784x18 [bgcolor=#000000]
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {HR} at (0,585) size 784x2 [bgcolor=#000000]
- RenderBlock (floating) {P} at (438,609) size 336x196 [bgcolor=#FFFF00]
+ RenderBlock {HR} at (0,585) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (438,609) size 336x196 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
RenderText {TEXT} at (8,8) size 320x180
text run at (8,8) width 320: "This paragraph should be floated to the right, sort"
text run at (8,26) width 320: "of like a 'sidebar' in a magazine article. Its width is"
text run at (0,180) width 123: "the floated element."
RenderBlock (anonymous) at (0,797) size 784x18 [bgcolor=#000000]
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {HR} at (0,827) size 784x2 [bgcolor=#000000]
- RenderBlock {DIV} at (0,841) size 784x26 [bgcolor=#66CCFF]
+ RenderBlock {HR} at (0,827) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
+ RenderBlock {DIV} at (0,841) size 784x26 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
RenderBlock (floating) {DIV} at (440,14) size 330x226 [bgcolor=#FFFF00]
RenderBlock {P} at (5,5) size 320x216 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 320x216
text run at (0,180) width 320: "border. I.e., the bottom red border will appear"
text run at (0,198) width 318: "broken where it's overlaid by the yellow rectangle."
RenderBlock (anonymous) at (4,4) size 776x0 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#66CCFF]
+ RenderText {TEXT} at (0,0) size 0x0
RenderBlock {P} at (4,4) size 776x18 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 268x18
text run at (0,0) width 268: "See description in the box on the right side"
RenderBlock (anonymous) at (0,867) size 784x224 [bgcolor=#000000]
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {HR} at (0,1103) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,1103) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock (floating) {DIV} at (0,1117) size 196x72 [bgcolor=#66CCFF]
RenderBlock {P} at (0,0) size 196x72 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 196x72
text run at (196,18) width 199: "and a yellow box (on the right)."
RenderBlock (anonymous) at (0,1153) size 784x36 [bgcolor=#000000]
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {HR} at (0,1201) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,1201) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock (floating) {DIV} at (0,1215) size 588x126 [bgcolor=#66CCFF]
RenderBlock (floating) {DIV} at (431,0) size 147x36 [bgcolor=#FFFF00]
RenderBlock {P} at (0,0) size 147x36 [bgcolor=#000000]
text run at (0,0) width 147: "See description in the"
text run at (0,18) width 124: "box on the left side."
RenderBlock (anonymous) at (0,0) size 588x0 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#66CCFF]
+ RenderText {TEXT} at (0,0) size 0x0
RenderBlock {P} at (0,0) size 588x126 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 588x126
text run at (0,0) width 431: "This paragraph is inside a DIV which is floated left. The"
text run at (0,108) width 138: "stripe on its right side."
RenderBlock (anonymous) at (0,1215) size 784x126 [bgcolor=#000000]
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {HR} at (0,1353) size 784x2 [bgcolor=#000000]
- RenderTable {TABLE} at (0,1367) size 784x1439 [bgcolor=#000000]
+ RenderBlock {HR} at (0,1353) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
+ RenderTable {TABLE} at (0,1367) size 784x1439 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x1437
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,718) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,718) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x1411 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x1411 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock (floating) {P} at (4,4) size 381x36 [bgcolor=#FFFF00]
RenderText {TEXT} at (0,0) size 381x36
text run at (0,0) width 381: "This paragraph is of class \"one\". It has a width of 50% and"
text run at (0,72) width 36: "other."
RenderBlock (anonymous) at (4,94) size 762x18
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {HR} at (4,124) size 762x2
+ RenderBlock {HR} at (4,124) size 762x2 [border: (1px inset #000000)]
RenderBlock (floating) {P} at (4,138) size 762x72 [bgcolor=#FFFF00]
RenderText {TEXT} at (0,0) size 762x72
text run at (0,0) width 762: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its parent"
RenderText {TEXT} at (15,73) size 4x18
text run at (15,73) width 4: " "
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {HR} at (4,241) size 762x2
+ RenderBlock {HR} at (4,241) size 762x2 [border: (1px inset #000000)]
RenderBlock (floating) {P} at (4,255) size 381x108 [bgcolor=#FFFF00]
RenderText {TEXT} at (0,0) size 381x108
text run at (0,0) width 381: "This paragraph is floated to the left and the orange square"
RenderText {TEXT} at (396,1) size 4x18
text run at (396,1) width 4: " "
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {HR} at (4,375) size 762x2
+ RenderBlock {HR} at (4,375) size 762x2 [border: (1px inset #000000)]
RenderBlock (floating) {P} at (385,389) size 381x108 [bgcolor=#FFFF00]
RenderText {TEXT} at (0,0) size 381x108
text run at (0,0) width 381: "This paragraph is floated to the right (using a STYLE"
RenderText {TEXT} at (15,1) size 4x18
text run at (15,1) width 4: " "
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {HR} at (4,509) size 762x2
+ RenderBlock {HR} at (4,509) size 762x2 [border: (1px inset #000000)]
RenderBlock {P} at (4,523) size 762x54
RenderBlock (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 21x37
text run at (48,36) width 675: "be vertically aligned with the top of the first line of this paragraph. This is commonly known as \"drop-cap\"."
RenderBlock (anonymous) at (4,577) size 762x18
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {HR} at (4,607) size 762x2
- RenderBlock (floating) {P} at (420,631) size 336x196 [bgcolor=#FFFF00]
+ RenderBlock {HR} at (4,607) size 762x2 [border: (1px inset #000000)]
+ RenderBlock (floating) {P} at (420,631) size 336x196 [bgcolor=#FFFF00] [border: (3px solid #FF0000)]
RenderText {TEXT} at (8,8) size 320x180
text run at (8,8) width 320: "This paragraph should be floated to the right, sort"
text run at (8,26) width 320: "of like a 'sidebar' in a magazine article. Its width is"
text run at (0,198) width 53: "element."
RenderBlock (anonymous) at (4,837) size 762x18
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {HR} at (4,867) size 762x2
- RenderBlock {DIV} at (4,881) size 762x26 [bgcolor=#66CCFF]
+ RenderBlock {HR} at (4,867) size 762x2 [border: (1px inset #000000)]
+ RenderBlock {DIV} at (4,881) size 762x26 [bgcolor=#66CCFF] [border: (4px solid #FF0000)]
RenderBlock (floating) {DIV} at (418,14) size 330x226 [bgcolor=#FFFF00]
RenderBlock {P} at (5,5) size 320x216 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 320x216
text run at (0,180) width 320: "border. I.e., the bottom red border will appear"
text run at (0,198) width 318: "broken where it's overlaid by the yellow rectangle."
RenderBlock (anonymous) at (4,4) size 754x0 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#66CCFF]
+ RenderText {TEXT} at (0,0) size 0x0
RenderBlock {P} at (4,4) size 754x18 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 268x18
text run at (0,0) width 268: "See description in the box on the right side"
RenderBlock (anonymous) at (4,907) size 762x224
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {HR} at (4,1143) size 762x2
+ RenderBlock {HR} at (4,1143) size 762x2 [border: (1px inset #000000)]
RenderBlock (floating) {DIV} at (4,1157) size 190x72 [bgcolor=#66CCFF]
RenderBlock {P} at (0,0) size 190x72 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 190x72
text run at (219,18) width 199: "and a yellow box (on the right)."
RenderBlock (anonymous) at (4,1193) size 762x36
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {HR} at (4,1241) size 762x2
+ RenderBlock {HR} at (4,1241) size 762x2 [border: (1px inset #000000)]
RenderBlock (floating) {DIV} at (4,1255) size 571x126 [bgcolor=#66CCFF]
RenderBlock (floating) {DIV} at (419,0) size 142x36 [bgcolor=#FFFF00]
RenderBlock {P} at (0,0) size 142x36 [bgcolor=#000000]
text run at (0,0) width 142: "See description in the"
text run at (0,18) width 124: "box on the left side."
RenderBlock (anonymous) at (0,0) size 571x0 [bgcolor=#000000]
- RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#66CCFF]
+ RenderText {TEXT} at (0,0) size 0x0
RenderBlock {P} at (0,0) size 571x126 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 571x126
text run at (0,0) width 419: "This paragraph is inside a DIV which is floated left. The"
text run at (78,108) width 138: "stripe on its right side."
RenderBlock (anonymous) at (4,1255) size 762x126
RenderBR {BR} at (0,0) size 0x0
- RenderBlock {HR} at (4,1393) size 762x2
+ RenderBlock {HR} at (4,1393) size 762x2 [border: (1px inset #000000)]
text run at (128,0) width 32: "px;}"
text run at (0,15) width 136: ".two {height: 100"
text run at (136,15) width 32: "px;}"
- RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock (anonymous) at (0,106) size 784x50 [bgcolor=#000000]
RenderImage {IMG} at (0,0) size 50x50
- RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#CCCCCC]
+ RenderText {TEXT} at (0,0) size 0x0
RenderBlock {P} at (0,172) size 784x18 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 275x18
text run at (0,0) width 275: "The square above should be fifty pixels tall."
RenderBlock (anonymous) at (0,206) size 784x100 [bgcolor=#000000]
RenderImage {IMG} at (0,0) size 100x100
- RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#CCCCCC]
+ RenderText {TEXT} at (0,0) size 0x0
RenderBlock {P} at (0,322) size 784x18 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 335x18
text run at (0,0) width 335: "The square above should be 100 pixels tall and wide."
RenderBlock (anonymous) at (0,356) size 784x100 [bgcolor=#000000]
RenderImage {IMG} at (0,0) size 30x100
- RenderText {TEXT} at (0,0) size 0x0 [bgcolor=#CCCCCC]
+ RenderText {TEXT} at (0,0) size 0x0
RenderBlock {P} at (0,472) size 784x36 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 784x36
text run at (0,0) width 619: "The rectangular image above should be 100 pixels tall and 30 pixels wide (the original image is 50"
text run at (116,20) width 48: "height"
RenderText {TEXT} at (164,18) size 66x18
text run at (164,18) width 66: " property)."
- RenderTable {TABLE} at (0,524) size 784x438 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,524) size 784x438 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x436
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,218) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,218) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x410 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x410 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock (anonymous) at (4,4) size 762x50
RenderImage {IMG} at (0,0) size 50x50
RenderText {TEXT} at (0,0) size 0x0
text run at (136,75) width 32: "px;}"
text run at (0,90) width 136: ".six {margin: -10"
text run at (136,90) width 224: "px; background-color: aqua;}"
- RenderBlock {HR} at (0,152) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,152) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,170) size 784x36 [bgcolor=#000000]
RenderText {TEXT} at (0,0) size 738x36
text run at (0,0) width 738: "NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as described in"
RenderBlock {P} at (0,1342) size 784x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderTable {TABLE} at (0,1360) size 784x1232 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,1360) size 784x1232 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x1230
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,615) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,615) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x1204 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x1204 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 762x36
RenderText {TEXT} at (0,0) size 738x36
text run at (0,0) width 738: "NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as described in"
text run at (0,90) width 192: ".six {margin-bottom: -10"
text run at (192,90) width 224: "px; background-color: aqua;}"
text run at (0,105) width 176: "P, UL {margin-top: 0;}"
- RenderBlock {HR} at (0,182) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,182) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,196) size 784x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
RenderBlock {P} at (0,927) size 784x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 232x18
text run at (0,0) width 232: "This element also has a class of zero."
- RenderTable {TABLE} at (0,945) size 784x779 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,945) size 784x779 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x777
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,388) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,388) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x751 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x751 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 762x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
text run at (184,0) width 224: "px; background-color: aqua;}"
text run at (0,15) width 192: ".two {margin-bottom: -10"
text run at (192,15) width 224: "px; background-color: aqua;}"
- RenderBlock {HR} at (0,77) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,77) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,95) size 784x54 [bgcolor=#808080]
RenderText {TEXT} at (0,0) size 481x18
text run at (0,0) width 393: "This element is unstyled save for a background color of gray.. "
text run at (250,18) width 8: ". "
text run at (258,18) width 505: "Margins on inline elements does not affect line-height calculations, so all lines in"
text run at (0,36) width 289: "this element should have the same line-height."
- RenderTable {TABLE} at (0,235) size 784x160 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,235) size 784x160 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x158
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,79) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,79) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x132 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x132 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 762x54 [bgcolor=#808080]
RenderText {TEXT} at (0,0) size 481x18
text run at (0,0) width 393: "This element is unstyled save for a background color of gray.. "
text run at (128,15) width 224: "px; background-color: aqua;}"
text run at (0,30) width 136: ".two {margin: -10"
text run at (136,30) width 224: "px; background-color: aqua;}"
- RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,92) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,106) size 784x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
RenderBlock {P} at (0,350) size 784x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
- RenderTable {TABLE} at (0,368) size 784x316 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,368) size 784x316 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x314
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,157) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,157) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x288 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x288 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 762x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
text run at (0,60) width 392: ".four {margin-left: 25%; background-color: aqua;}"
text run at (0,75) width 184: ".five {margin-left: -10"
text run at (184,75) width 224: "px; background-color: aqua;}"
- RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,155) size 784x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
text run at (83,18) width 386: "In all other respects, however, the element should be normal. "
text run at (469,18) width 278: "No styles have been applied to it besides the"
text run at (0,36) width 294: "negative left margin and the background color."
- RenderTable {TABLE} at (0,553) size 784x418 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,553) size 784x418 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x416
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,208) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,208) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x390 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x390 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 762x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
text run at (168,0) width 224: "px; background-color: aqua;}"
text run at (0,15) width 176: ".two {margin-left: -10"
text run at (176,15) width 224: "px; background-color: aqua;}"
- RenderBlock {HR} at (0,77) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,77) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,95) size 784x36 [bgcolor=#808080]
RenderText {TEXT} at (0,0) size 543x18
text run at (0,0) width 389: "This element is unstyled save for a background color of gray. "
text run at (284,18) width 27: "first"
RenderText {TEXT} at (311,18) size 232x18
text run at (311,18) width 232: " line in which the inline box appears."
- RenderTable {TABLE} at (0,199) size 784x124 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,199) size 784x124 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x122
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,61) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,61) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x96 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x96 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 762x36 [bgcolor=#808080]
RenderText {TEXT} at (0,0) size 543x18
text run at (0,0) width 389: "This element is unstyled save for a background color of gray. "
text run at (0,60) width 552: ".four {margin-right: 25%; text-align: right; background-color: aqua;}"
text run at (0,75) width 192: ".five {margin-right: -10"
text run at (192,75) width 224: "px; background-color: aqua;}"
- RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,155) size 784x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (581,0) size 203x18
text run at (581,0) width 203: "This element has a class of zero."
text run at (114,18) width 386: "In all other respects, however, the element should be normal. "
text run at (500,18) width 278: "No styles have been applied to it besides the"
text run at (0,36) width 303: "negative right margin and the background color."
- RenderTable {TABLE} at (0,553) size 784x436 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,553) size 784x436 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x434
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,217) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,217) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x408 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x408 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 762x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (559,0) size 203x18
text run at (559,0) width 203: "This element has a class of zero."
text run at (176,0) width 376: "px; text-align: right; background-color: aqua;}"
text run at (0,15) width 184: ".two {margin-right: -10"
text run at (184,15) width 224: "px; background-color: aqua;}"
- RenderBlock {HR} at (0,77) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,77) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,95) size 784x36 [bgcolor=#808080]
RenderText {TEXT} at (0,0) size 543x18
text run at (0,0) width 389: "This element is unstyled save for a background color of gray. "
text run at (293,18) width 23: "last"
RenderText {TEXT} at (316,18) size 232x18
text run at (316,18) width 232: " line in which the inline box appears."
- RenderTable {TABLE} at (0,199) size 784x124 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,199) size 784x124 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x122
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,61) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,61) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x96 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x96 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 762x36 [bgcolor=#808080]
RenderText {TEXT} at (0,0) size 543x18
text run at (0,0) width 389: "This element is unstyled save for a background color of gray. "
text run at (0,90) width 168: ".six {margin-top: -10"
text run at (168,90) width 224: "px; background-color: aqua;}"
text run at (0,105) width 200: "P, UL {margin-bottom: 0;}"
- RenderBlock {HR} at (0,164) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,164) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,178) size 784x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
text run at (0,18) width 488: "No other styles have been applied to it besides a light blue background color. "
text run at (488,18) width 267: "In all other respects, the element should be"
text run at (0,36) width 48: "normal."
- RenderTable {TABLE} at (0,891) size 784x743 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,891) size 784x743 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x741
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,370) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,370) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x715 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x715 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 762x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
text run at (160,15) width 224: "px; background-color: aqua;}"
text run at (0,30) width 168: ".two {margin-top: -10"
text run at (168,30) width 224: "px; background-color: aqua;}"
- RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,107) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,125) size 784x54 [bgcolor=#808080]
RenderText {TEXT} at (0,0) size 477x18
text run at (0,0) width 389: "This element is unstyled save for a background color of gray. "
text run at (332,18) width 8: ". "
text run at (340,18) width 443: "Margins on inline elements do not affect line-height calculations, so all"
text run at (0,36) width 338: "lines in this element should have the same line-height."
- RenderTable {TABLE} at (0,265) size 784x160 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,265) size 784x160 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x158
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,79) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,79) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x132 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x132 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 762x54 [bgcolor=#808080]
RenderText {TEXT} at (0,0) size 477x18
text run at (0,0) width 389: "This element is unstyled save for a background color of gray. "
text run at (0,60) width 360: ".four {padding: 25%; background-color: aqua;}"
text run at (0,75) width 152: ".five {padding: -20"
text run at (152,75) width 224: "px; background-color: aqua;}"
- RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,155) size 784x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
text run at (0,0) width 541: "This element should have no padding, since negative padding values are not allowed. "
text run at (541,0) width 233: "Both the content background and the"
text run at (0,18) width 275: "normal padding should be aqua (light blue)."
- RenderTable {TABLE} at (0,1183) size 784x1036 [bgcolor=#000000]
+ RenderTable {TABLE} at (0,1183) size 784x1036 [bgcolor=#000000] [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 0x1034
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
+ 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 [bgcolor=#000000]
RenderText {TEXT} at (4,4) size 163x18
text run at (4,4) width 163: "TABLE Testing Section"
RenderTableRow {TR} at (0,0) size 0x0
- RenderTableCell {TD} at (0,517) size 12x26 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
+ RenderTableCell {TD} at (0,517) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
RenderText {TEXT} at (4,4) size 4x18
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,26) size 770x1008 [r=1 c=1 rs=1 cs=1]
+ RenderTableCell {TD} at (12,26) size 770x1008 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
RenderBlock {P} at (4,4) size 762x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
text run at (0,60) width 416: ".four {padding-bottom: 25%; background-color: aqua;}"
text run at (0,75) width 208: ".five {padding-bottom: -20"
text run at (208,75) width 224: "px; background-color: aqua;}"
- RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000]
+ RenderBlock {HR} at (0,137) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
RenderBlock {P} at (0,155) size 784x18 [bgcolor=#C0C0C0]
RenderText {TEXT} at (0,0) size 203x18
text run at (0,0) width 203: "This element has a class of zero."
text run at (0,0) width 589: "This element should have no bottom padding, since negative padding values are not allowed. "
text run at (589,0) width 183: "Both the content background"
text run at (0,18) width 325: "and the normal padding should be aqua (light blue)."
- RenderTable&