Easy Tutorial
❮ Func Hsl Pr Grid Template ❯

CSS border-bottom-style Property

Example

Set the bottom border style:

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

Property Definition and Usage

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"
--- ---

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property Chrome IE Firefox Safari Opera
border-bottom-style 1.0 5.5 1.0 1.0 9.2

Property Values

Value Description
none Specifies no border
hidden 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

Related Articles

CSS Tutorial: CSS Border

CSS Reference: border-bottom Property

❮ Func Hsl Pr Grid Template ❯