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 273x19
          text run at (0,0) width 273: "The borders below should be as described:"
      RenderBlock {P} at (0,36) size 784x30 [border: (5px dotted #000080)]
        RenderText {#text} at (5,5) size 106x19
          text run at (5,5) width 106: "Blue and dotted."
      RenderBlock {P} at (0,82) size 784x30 [border: (5px dashed #000080)]
        RenderText {#text} at (5,5) size 110x19
          text run at (5,5) width 110: "Blue and dashed."
      RenderBlock {P} at (0,128) size 784x30 [border: (5px solid #000080)]
        RenderText {#text} at (5,5) size 97x19
          text run at (5,5) width 97: "Blue and solid."
      RenderBlock {P} at (0,174) size 784x30 [border: (5px double #000080)]
        RenderText {#text} at (5,5) size 109x19
          text run at (5,5) width 109: "Blue and double."
      RenderBlock {P} at (0,220) size 784x30 [border: (5px groove #FFA500)]
        RenderText {#text} at (5,5) size 127x19
          text run at (5,5) width 127: "Orange and groove."
      RenderBlock {P} at (0,266) size 784x30 [border: (5px ridge #FFA500)]
        RenderText {#text} at (5,5) size 116x19
          text run at (5,5) width 116: "Orange and ridge."
      RenderBlock {P} at (0,312) size 784x30 [border: (5px inset #FFA500)]
        RenderText {#text} at (5,5) size 113x19
          text run at (5,5) width 113: "Orange and inset."
      RenderBlock {P} at (0,358) size 784x30 [border: (5px outset #FFA500)]
        RenderText {#text} at (5,5) size 121x19
          text run at (5,5) width 121: "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 483x19
          text run at (5,5) width 483: "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 531x19
          text run at (5,5) width 531: "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 283x19
          text run at (0,0) width 283: "This paragraph should have no border at all."
