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.

border-color: allows us to change the color of the border using any color code
border-width: allows us to change the width of the border using pixels
border-style: allows us to change the style of the border, including dotted lines, dashes, and double lines
border-radius: allows us to curve the corners using a pixel measurement
The border shorthand property allows us to set as many of these border properties as we want in just one declaration.

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;