Setting Up Borders

A border is simply a line that runs around an element, and it can be rounded at the corners.

You can use the border shorthand notation to set all edges of the box, or use border-top, border-right, border-bottom, or border-left to specify the properties of a particular edge. When setting up the edges of the border, you can specify three individual properties: color, width, and style.

To make the setup a bit more complicated, you can specify these attributes with other notations.

For example, you can specify the border width of all edges with border-width: