Illustrating BORDER STYLES

Borders!

This document is styled to have a 30-pixel wide dotted border around the entire body. Not only the body, but individual parts such as h1 and paragraphs can have borders. Even inline elements such as strong can have borders.

Alert!

Older versions of Internet Explorer will not display the outer border and margin correctly unless the DOCTYPE declaration is the first line.

Note: This page is NOT intended to be a model of good design.

The style rules


        body {margin: 20px;
              background-color: #ffff00;
              border: dotted 30px red;}
        h1 {border: ridge 8px  #00ffff}
        h2 {border: double thick silver}
        strong { border: solid medium #00ffff; }
        p { margin: 25px; }