| layer at (0,0) size 785x1369 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x1369 |
| RenderBlock {HTML} at (0,0) size 785x1369 |
| RenderBody {BODY} at (8,8) size 769x1353 [bgcolor=#CCCCCC] |
| RenderBlock {P} at (0,0) size 769x20 |
| RenderText {#text} at (0,0) size 337x19 |
| text run at (0,0) width 337: "The style declarations which apply to the text below are:" |
| RenderBlock {PRE} at (0,36) size 769x192 |
| RenderText {#text} at (0,0) size 632x192 |
| text run at (0,0) width 560: ".one {border-style: dotted; border-color: black; border-width: thick;}" |
| text run at (560,0) width 0: " " |
| text run at (0,16) width 560: ".two {border-style: dashed; border-color: black; border-width: thick;}" |
| text run at (560,16) width 0: " " |
| text run at (0,32) width 568: ".three {border-style: solid; border-color: black; border-width: thick;}" |
| text run at (568,32) width 0: " " |
| text run at (0,48) width 568: ".four {border-style: double; border-color: black; border-width: thick;}" |
| text run at (568,48) width 0: " " |
| text run at (0,64) width 568: ".five {border-style: groove; border-color: olive; border-width: thick;}" |
| text run at (568,64) width 0: " " |
| text run at (0,80) width 552: ".six {border-style: ridge; border-color: olive; border-width: thick;}" |
| text run at (552,80) width 0: " " |
| text run at (0,96) width 568: ".seven {border-style: inset; border-color: olive; border-width: thick;}" |
| text run at (568,96) width 0: " " |
| text run at (0,112) width 576: ".eight {border-style: outset; border-color: olive; border-width: thick;}" |
| text run at (576,112) width 0: " " |
| text run at (0,128) width 632: ".nine {border-style: double groove; border-color: purple; border-width: thick;}" |
| text run at (632,128) width 0: " " |
| text run at (0,144) width 368: ".ten {border-style: double groove ridge inset;" |
| text run at (368,144) width 0: " " |
| text run at (0,160) width 368: " border-color: purple; border-width: thick;}" |
| text run at (368,160) width 0: " " |
| text run at (0,176) width 552: ".eleven {border-style: none; border-color: red; border-width: thick;}" |
| text run at (552,176) width 0: " " |
| RenderBlock {HR} at (0,241) size 769x2 [border: (1px inset #000000)] |
| RenderBlock {P} at (0,259) size 769x30 [border: (5px dotted #000000)] |
| RenderText {#text} at (5,5) size 452x19 |
| text run at (5,5) width 452: "This paragraph should have a thick black dotted border all the way around." |
| RenderBlock {P} at (0,305) size 769x30 [border: (5px dashed #000000)] |
| RenderText {#text} at (5,5) size 456x19 |
| text run at (5,5) width 456: "This paragraph should have a thick black dashed border all the way around." |
| RenderBlock {P} at (0,351) size 769x30 [border: (5px solid #000000)] |
| RenderText {#text} at (5,5) size 441x19 |
| text run at (5,5) width 441: "This paragraph should have a thick black solid border all the way around." |
| RenderBlock {P} at (0,397) size 769x30 [border: (5px double #000000)] |
| RenderText {#text} at (5,5) size 454x19 |
| text run at (5,5) width 454: "This paragraph should have a thick black double border all the way around." |
| RenderBlock {P} at (0,443) size 769x30 [border: (5px groove #808000)] |
| RenderText {#text} at (5,5) size 450x19 |
| text run at (5,5) width 450: "This paragraph should have a thick olive groove border all the way around." |
| RenderBlock {P} at (0,489) size 769x30 [border: (5px ridge #808000)] |
| RenderText {#text} at (5,5) size 438x19 |
| text run at (5,5) width 438: "This paragraph should have a thick olive ridge border all the way around." |
| RenderBlock {P} at (0,535) size 769x30 [border: (5px inset #808000)] |
| RenderText {#text} at (5,5) size 435x19 |
| text run at (5,5) width 435: "This paragraph should have a thick olive inset border all the way around." |
| RenderBlock {P} at (0,581) size 769x30 [border: (5px outset #808000)] |
| RenderText {#text} at (5,5) size 444x19 |
| text run at (5,5) width 444: "This paragraph should have a thick olive outset border all the way around." |
| RenderBlock {P} at (0,627) size 769x50 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)] |
| RenderText {#text} at (5,5) size 748x39 |
| text run at (5,5) width 595: "This paragraph should have thick double top and bottom borders, and thick grooved side borders. " |
| text run at (600,5) width 153: "The color of all four sides" |
| text run at (5,25) width 163: "should be based on purple." |
| RenderBlock {P} at (0,693) size 769x50 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)] |
| RenderText {#text} at (5,5) size 747x39 |
| text run at (5,5) width 673: "This paragraph should have, in clockwise order from the top, a double, grooved, ridged, and inset thick border. " |
| text run at (678,5) width 74: "The color of" |
| text run at (5,25) width 242: "all four sides should be based on purple." |
| RenderBlock {P} at (0,759) size 769x20 |
| RenderText {#text} at (0,0) size 265x19 |
| text run at (0,0) width 265: "This paragraph should have no border at all." |
| RenderTable {TABLE} at (0,795) size 769x558 [border: (1px outset #808080)] |
| RenderTableSection {TBODY} at (1,1) size 767x556 |
| RenderTableRow {TR} at (0,0) size 767x28 |
| RenderTableCell {TD} at (0,0) size 767x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
| RenderInline {STRONG} at (0,0) size 159x19 |
| RenderText {#text} at (4,4) size 159x19 |
| text run at (4,4) width 159: "TABLE Testing Section" |
| RenderTableRow {TR} at (0,28) size 767x528 |
| RenderTableCell {TD} at (0,278) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (4,4) size 4x19 |
| text run at (4,4) width 4: " " |
| RenderTableCell {TD} at (12,28) size 755x528 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1] |
| RenderBlock {P} at (4,4) size 747x30 [border: (5px dotted #000000)] |
| RenderText {#text} at (5,5) size 452x19 |
| text run at (5,5) width 452: "This paragraph should have a thick black dotted border all the way around." |
| RenderBlock {P} at (4,50) size 747x30 [border: (5px dashed #000000)] |
| RenderText {#text} at (5,5) size 456x19 |
| text run at (5,5) width 456: "This paragraph should have a thick black dashed border all the way around." |
| RenderBlock {P} at (4,96) size 747x30 [border: (5px solid #000000)] |
| RenderText {#text} at (5,5) size 441x19 |
| text run at (5,5) width 441: "This paragraph should have a thick black solid border all the way around." |
| RenderBlock {P} at (4,142) size 747x30 [border: (5px double #000000)] |
| RenderText {#text} at (5,5) size 454x19 |
| text run at (5,5) width 454: "This paragraph should have a thick black double border all the way around." |
| RenderBlock {P} at (4,188) size 747x30 [border: (5px groove #808000)] |
| RenderText {#text} at (5,5) size 450x19 |
| text run at (5,5) width 450: "This paragraph should have a thick olive groove border all the way around." |
| RenderBlock {P} at (4,234) size 747x30 [border: (5px ridge #808000)] |
| RenderText {#text} at (5,5) size 438x19 |
| text run at (5,5) width 438: "This paragraph should have a thick olive ridge border all the way around." |
| RenderBlock {P} at (4,280) size 747x30 [border: (5px inset #808000)] |
| RenderText {#text} at (5,5) size 435x19 |
| text run at (5,5) width 435: "This paragraph should have a thick olive inset border all the way around." |
| RenderBlock {P} at (4,326) size 747x30 [border: (5px outset #808000)] |
| RenderText {#text} at (5,5) size 444x19 |
| text run at (5,5) width 444: "This paragraph should have a thick olive outset border all the way around." |
| RenderBlock {P} at (4,372) size 747x50 [border: (5px double #800080) (5px groove #800080) (5px double #800080) (5px groove #800080)] |
| RenderText {#text} at (5,5) size 714x39 |
| text run at (5,5) width 595: "This paragraph should have thick double top and bottom borders, and thick grooved side borders. " |
| text run at (600,5) width 119: "The color of all four" |
| text run at (5,25) width 197: "sides should be based on purple." |
| RenderBlock {P} at (4,438) size 747x50 [border: (5px double #800080) (5px groove #800080) (5px ridge #800080) (5px inset #800080)] |
| RenderText {#text} at (5,5) size 731x39 |
| text run at (5,5) width 673: "This paragraph should have, in clockwise order from the top, a double, grooved, ridged, and inset thick border. " |
| text run at (678,5) width 58: "The color" |
| text run at (5,25) width 258: "of all four sides should be based on purple." |
| RenderBlock {P} at (4,504) size 747x20 |
| RenderText {#text} at (0,0) size 265x19 |
| text run at (0,0) width 265: "This paragraph should have no border at all." |