CSS border

The CSS border property allows you to add borders to HTML elements. You can specify the width, style, and color of the border using this property.

Here is the syntax for the border property:


border: [border-width] [border-style] [border-color];

Let's break down the different parts of the border property:

border-width: Specifies the width of the border. It can be set in pixels, ems, rems, or other units of measurement.
border-style: Specifies the style of the border. This can be solid, dashed, dotted, double, etc.
border-color: Specifies the color of the border. You can use hex values, RGB values, or color names.

Let's see some examples of how to use the border property:

Result:

This is a red solid border

In the example above, we have set a border of 2px width, solid style, and red color.

Now, let's create a table with different border properties:

By using the border property, you can create visually appealing borders around your HTML elements.