CSS border-bottom Property

Description

The border-bottom property is a shorthand that sets the values of border-bottom-color, border-bottom-style, and border-bottom-width. These properties describe the bottom border of elements.

Initial value
See individual properties
Applies to
All elements
Inherited
No
Media
Visual
Computed value
See individual properties
Animatable
Yes
CSS Version
CSS1, CSS2, CSS3
JavaScript syntax
object.style.borderBottom

Syntax

Formal syntax: <line-width> || <line-style> || <color> 

border-bottom: 1px solid red;
border-bottom: 1px solid;
border-bottom: 1px red;
border-bottom: solid red;

Values

Example

.class {
   border-bottom: 3px dotted #6699FF;
}

Give it a Try

Click the button below to experiment with this property.

Give it a Try!

Browser Support

Desktop
Explorer Edge Chrome Firefox Opera Safari
412113.51
Tablets / Mobile
Android Chrome Firefox Opera Safari Samsung
1184Yes1?