There are endless types of border styles at your disposal. We recommend that you experiement with many color/border-style combinations to get an idea of all the different looks you can create.

Value Description
solid A simple solid border style.
double A double border style.
groove A grooved border style.
dotted A dotted border style.
dashed A dashed border style.
inset An inset border style.
outset An outset border style.
ridge A ridged border style.
hidden A hidden border style. This will make the border invisible.
four-sides There are four values that you can define. Each value will correspond to a specific side. The corresponding directions to values are: top, right, bottom, left.
width-key-term Define the border width with key terms. Available terms: thin, medium, and thick.


p{border-style: solid; }
b {border-style: double; }
i {border-style: groove; }
h3 {border-style: dotted; }
h4 {border-style: dashed; }
h5 {border-style: inset; }
h6 {border-style: outset; }
ul {border-style: ridge; }
ol {border-style: hidden; }


This is a solid border

This is a double border This is a grooved border

This is a dotted border

This is a dashed border

This is an inset border
This is an outset border
  • This is a
  • ridged border
  1. This is a
  2. hidden border