The border Property

This is an example of a solid border.

Border width of this paragraph is set to 2px.

Border width of this paragraph is set to 5px.

Border color has been created using color name.

Border color has been created using Hex values.

Border color has been created using RGB values.

( ! ) None of the border properties will have any effect unless the border-style property is set.

The border-style Property

This paragraph has no border.

This is a dotted border.

This is a dashed border.

This is a double border.

This is a groove border.

This is a ridge border.

This is a inset border.

This is a outset border.

This is a hidden border.

( ! ) In CSS, it is possible to specify different borders for different side, using the following properties: border-top-style, border-right-style, border-bottom-style, and border-left-style for the corresponding sides.