CSS Property: `border-bottom`

The width, style, and color of the bottom border of a box.

Possible Values

A space-separated list, containing up to three values representing border-bottom-width, border-bottom-style, and border-bottom-color. Any excluded values will default to their initial value.

Value	Description	Example
[width] (equivalent of `border-bottom-width` value)	Width is set explicitly. Style defaults to none. Color defaults to the computed `color` property of the box.	`2px`
[style] (equivalent of `border-bottom-style` value)	Style is set explicitly. Width defaults to medium. Color defaults to the computed `color` property of the box.	`solid`
[color] (equivalent of `border-bottom-color` value)	Color is set explicitly. Width defaults to medium. Style defaults to none.	`red`
[width] [style]	Width is set explicitly. Style is set explicitly. Color defaults to the computed `color` property of the box.	`2px solid`
[width] [color]	Width is set explicitly. Color is set explicitly. Style defaults to none.	`2px red`
[style] [color]	Style is set explicitly. Color is set explicitly. Width defaults to medium.	`solid red`
[width] [style] [color]	Width is set explicitly. Style is set explicitly. Color is set explicitly.	`2px solid red`
`inherit`
`initial`
`unset`


#amphibian { border-bottom: 12pt double red; }