# Property Description

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

# Property Values

Value | Description
--- | ---
none | Specifies no border
hidden2 | 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
inherit1 | Specifies that the value of the property should be inherited from the parent element

# Examples

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

This example shows the results of setting the various border-bottom-style values:

    border-bottom-style:none

    border-bottom-style:dotted

    border-bottom-style:dashed

    border-bottom-style:solid

    border-bottom-style:double

    border-bottom-style:groove

    border-bottom-style:ridge

    border-bottom-style:inset

    border-bottom-style:outset

# Browser Support

Firefox | IE | Chrome | Opera | Safari

1 - 'inherit' not supported by IE

2 - 'hidden' not supported by IE

# Miscellaneous Information

Inherited: | No
Defined In: | CSS1