<p class="solid">My Border is Solid </p>
<p class="dotted">My Border dotted </p>
<p class="dashed">My Border dashed </p>
<p class="double">My Border is double </p>
<p class="several"> I have several border styles </p>
<p class="none">I have no border </p>

.solid {
  border-style: solid;
  border-style: dotted;

  border-style: dashed;

  border-style: double;
  border-style: dotted solid dashed double;

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.