CSS Border Properties

What They Do:

Every HTML element is a box, and CSS border properties allow us to change the line around the box.

The Syntax:

Border-Color Property

border-color: #FF0000;

Border-Width Property

border-width: 12px;

Border-Style Property

border-style: dotted;
border-style: dashed;
border-style: solid;
border-style: double;
border-style: groove;
border-style: ridge;
border-style: inset;
border-style: outset;

Border-Radius Property

border-radius: 5px;

Border Shorthand Property

border: #FF0000 12px dotted 5px;