| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x548 |
| RenderBlock {HTML} at (0,0) size 800x548 |
| RenderBody {BODY} at (8,16) size 784x516 |
| RenderBlock {P} at (0,0) size 784x20 |
| RenderText {#text} at (0,0) size 260x19 |
| text run at (0,0) width 260: "The borders below should be as described:" |
| RenderBlock {P} at (0,36) size 784x30 [border: (5px dotted #000080)] |
| RenderText {#text} at (5,5) size 100x19 |
| text run at (5,5) width 100: "Blue and dotted." |
| RenderBlock {P} at (0,82) size 784x30 [border: (5px dashed #000080)] |
| RenderText {#text} at (5,5) size 104x19 |
| text run at (5,5) width 104: "Blue and dashed." |
| RenderBlock {P} at (0,128) size 784x30 [border: (5px solid #000080)] |
| RenderText {#text} at (5,5) size 89x19 |
| text run at (5,5) width 89: "Blue and solid." |
| RenderBlock {P} at (0,174) size 784x30 [border: (5px double #000080)] |
| RenderText {#text} at (5,5) size 102x19 |
| text run at (5,5) width 102: "Blue and double." |
| RenderBlock {P} at (0,220) size 784x30 [border: (5px groove #FFA500)] |
| RenderText {#text} at (5,5) size 121x19 |
| text run at (5,5) width 121: "Orange and groove." |
| RenderBlock {P} at (0,266) size 784x30 [border: (5px ridge #FFA500)] |
| RenderText {#text} at (5,5) size 109x19 |
| text run at (5,5) width 109: "Orange and ridge." |
| RenderBlock {P} at (0,312) size 784x30 [border: (5px inset #FFA500)] |
| RenderText {#text} at (5,5) size 106x19 |
| text run at (5,5) width 106: "Orange and inset." |
| RenderBlock {P} at (0,358) size 784x30 [border: (5px outset #FFA500)] |
| RenderText {#text} at (5,5) size 115x19 |
| text run at (5,5) width 115: "Orange and outset." |
| RenderBlock {P} at (0,404) size 784x30 [border: (5px double #0000FF) (5px groove #0000FF) (5px double #0000FF) (5px groove #0000FF)] |
| RenderText {#text} at (5,5) size 452x19 |
| text run at (5,5) width 452: "Blue and double on top and bottom; Blue and grooved on the left and right." |
| RenderBlock {P} at (0,450) size 784x30 [border: (5px dotted #0000FF) (5px double #0000FF) (5px dashed #0000FF) (5px solid #0000FF)] |
| RenderText {#text} at (5,5) size 501x19 |
| text run at (5,5) width 501: "Blue borders which are, in clockwise order from top: dotted, double, dashed, solid." |
| RenderBlock {P} at (0,496) size 784x20 |
| RenderText {#text} at (0,0) size 265x19 |
| text run at (0,0) width 265: "This paragraph should have no border at all." |