CSS border-bottom

The CSS border-bottom property is used to set the style, color, and width of the bottom border of an HTML element. It allows you to customize the appearance of the bottom border of any element on your webpage.

The border-bottom property can take three values: border-bottom-width (the width of the border), border-bottom-style (the style of the border), and border-bottom-color (the color of the border).

Example:

Let's take a look at an example to demonstrate how the border-bottom property works:

Result:


    <div style="border-bottom: 2px solid red;">
      This is a div with a red bottom border.
    </div>

This is a div with a red bottom border.

In the example above, we used the border-bottom property to add a red bottom border with a width of 2 pixels to a div element.

Properties:

Here are the properties that can be used with the border-bottom property:

Property	Description
`border-bottom-width`	Specifies the width of the bottom border
`border-bottom-style`	Specifies the style of the bottom border (e.g. solid, dashed, dotted)
`border-bottom-color`	Specifies the color of the bottom border

By combining these properties, you can create customized bottom borders for different elements on your webpage.