The **`border-bottom-style` property** in #key# CSS: Cascading Style Sheets #key# is used to set or define the style of the bottom border. 

# 
## Syntax
```css
border-bottom-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
```
## Property values

- `none`: The default value. `none` specifies that there is no border.

- `hidden`: The same as `none`. 

- `dashed`: Specifies that the border is dashed.

- `dotted`: Specifies that the border is dotted.

- `double`: Specifies that the border is double.

- `solid`: Specifies that the border is solid.

- `groove`: Specifies a 3D grooved border.

- `ridge`: Specifies a 3D ridged border.

- `inset`: Specifies a 3D inset border.

- `outset`: Specifies a 3D outset border.

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

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


## Code

The code below demonstrates the use of the `border-bottom-style` property.

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

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

codemirror

 ﻿What is the border-bottom-style property in CSS?

Sets the style of the bottom border in CSS using values like none, hidden, solid, dashed, etc.

﻿What is the border-bottom-style property in CSS?

Syntax

Property values

Code

What is the border-bottom-style property in CSS?