CSS border-bottom-style Property

Example

Set the style of the bottom border:

p
{
border-style:solid;
border-bottom-style:dotted;
}

Try it yourself »

The border-bottom-style property sets the style of an element's bottom border.

Default value:	not specified
Inherited:	no
Version:	CSS1
JavaScript syntax:	object.style.borderBottomStyle="dotted"

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

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

Value	Description
none	Specifies no border
hidden	The same as "none", except in border conflict resolution for table elements
dotted	Specifies a dotted border
dashed	Specifies a dashed border
solid	Specifies a solid border
double	Specifies a double border
groove	Specifies a 3D grooved border. The effect depends on the border-color value
ridge	Specifies a 3D ridged border. The effect depends on the border-color value
inset	Specifies a 3D inset border. The effect depends on the border-color value
outset	Specifies a 3D outset border. The effect depends on the border-color value
inherit	Specifies that the border style should be inherited from the parent element

CSS tutorial: CSS Border