# 
#     

The **`border-bottom-width` property** in #key# CSS: Cascade Style Sheets #key# is used to set the width of the bottom border. 

---
> To use the `border-bottom-width` property, we must first declare the `border-style` or `border-bottom-style` because the color is only changed if we have a border. 

# 
## Syntax

---
```css
border-bottom-width: medium|thin|thick|length|initial|inherit;
```
---

##
## Property values

- `thin`: Specifies that the bottom border is thin.

- `thick`: Specifies that the bottom border is thick.

- `length`: Defines the thickness of the bottom border.

- `medium`: This is the default value; `medium` specifies that the bottom border is medium. 

- `initial`: Sets the value to its default value.

- `inherit`: Inherits property from its parent value.

#     
## Code

Below is the basic #key# HTML: HyperText Markup Language #key# and CSS code to demonstrate the use of the `border-bottom-width` property.

<title>Example</title>

<box>Welcome To Educative Edpresso Shots</box>

box 
{
  font-size: 2em;     //Font Size
  padding: 30px;      //Size 
  border-bottom-width: 10px;   //Width of Border
  border-bottom-style: solid;    //Style of Border
  border-bottom-color: rgb(2, 132, 155);    //Color of the Border
}

codemirror

What is the CSS border-bottom-width property?

Sets bottom border width; requires border-style. Values: thin, thick, length, medium, initial, inherit. Default: medium.