CSS borderbottom Property (original) (raw)

CSS border-bottom Property

Last Updated : 23 Aug, 2024

The **border-bottom property in CSS is used to set all bottom border properties in one line. It is used to set the width, style, and color of the bottom border. The default value is _initial.

**Syntax

border-bottom: border-width border-style border-color|initial|inherit;

**Property Values

**border-bottom is a shorthand to set the below property values:

Values Descriptions
**border-width It is used to set the width of the border.
**border-style It is used to set the style of border. Its default value is ‘none’.
**border-color It is used to set the color of border.
**initial This property is used to set border-bottom to its default value.
**inherit This property is inherited from its parent.

**Example:

html `

border-bottom property 
<!-- border-bottom CSS property -->
<style>
    h1 {
        border-bottom: 5px solid green;
    }

    h2 {
        border-bottom: 4px dotted black;
    }
</style>

GeeksforGeeks

border-bottom property

`

**Output:

**Supported Browsers

The browser supported by _border-bottom property are listed below: