CSS Property: border-bottom
The width, style, and color of the bottom border of a box.
A shorthand property that combines border-bottom-width
, border-bottom-style
, and border-bottom-color
.
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) |
|
2px |
[style] (equivalent of border-bottom-style value) |
|
solid |
[color] (equivalent of border-bottom-color value) |
|
red |
[width] [style] |
|
2px solid |
[width] [color] |
|
2px red |
[style] [color] |
|
solid red |
[width] [style] [color] |
|
2px solid red |
inherit | ||
initial | ||
unset |
Example
#amphibian { border-bottom: 12pt double red; }