CSS border-bottom Property

Example

Set the style of the bottom border:

p
{
border-style:solid;
border-bottom:thick dotted #ff0000;
}

Try it yourself »

The border-bottom shorthand property sets all the bottom border properties in one declaration.

The properties that can be set, are (in order): border-bottom-width, border-bottom-style, and border-bottom-color.

It does not matter if one of the values above are missing, e.g. border-bottom:solid #ff0000; is allowed.

Default value:	not specified
Inherited:	no
Version:	CSS1
JavaScript syntax:	object.style.borderBottom="3px solid blue"

The border-bottom property is supported in all major browsers.

Note: No versions of Internet Explorer (including IE8) support the property value "inherit".

Value	Description
border-bottom-width	Specifies the width of the bottom border. See border-bottom-width for possible values
border-bottom-style	Specifies the style of the bottom border. See border-bottom-style for possible values
border-bottom-color	Specifies the color of the bottom border. See border-bottom-color for possible values
inherit	Specifies that the value of the border-bottom property should be inherited from the parent element

CSS tutorial: CSS Border