Types of borders in CSS

There are different types of borders to choose from. Below are shown 8 different types of borders 4. The values none or hidden can be used if you do not want any border.

Border: dotted, dashed, solid, double, groove, ridge, inset, outset

Example:
h1 {
border-width: thick;
border-style: dotted;
border-color: gold;
}

Shorthand Method for border:
Ex:
h1 {
border:1px solid #ccc
}