CSS border-bottom

The CSS border-bottom property is a shorthand property for setting the width, style, and color of the bottom border of a box.

Syntax

Possible Values

line-width
Sets the width of the bottom border. See the border-bottom-width property.
line-style
Sets the style of the bottom border. See the border-bottom-style property.
color
Sets the color of the bottom border. See the border-bottom-color property.

In addition, all CSS properties also accept the following CSS-wide keyword values as the sole component of their property value:

initial
Represents the value specified as the property's initial value.
inherit
Represents the computed value of the property on the element's parent.
unset
This value acts as either inherit or initial, depending on whether the property is inherited or not. In other words, it sets all properties to their parent value if they are inheritable or to their initial value if not inheritable.

General Information

Initial Value
This is based on the individual properties' values. Their initial values are as follows:
border-bottom-width
medium
border-bottom-style
none
border-bottom-color
Uses currentColor (which is the value of the color property).
Applies To
All elements.
Inherited?
No
Media
Visual
Animatable
Yes (see example)

Example Code

Official Specifications