CSS border-bottom-style Property

Last Updated Jul 21, 2015, 12:00:06 PM





CSS border-bottom-style Property

CSS border-bottom-style property sets the line style of the bottom border of a box
Note:

The specification doesn't define how borders of different styles connect in the corners

Syntax

Note! You use any of the above mentioned properties to style but all for the same style.

Definition and Usage

Initial Value currentColor
Applies to all elements. It also applies to ::first-letter
Inherited no
Media Visual
Computed Value If the value is translucent, the computed value will be the rgba() corresponding one. If it isn't, it will be the rgb() corresponding one. The transparent keyword maps to rgba(0,0,0,0).
Animatable yes, as a color
Canonical Order The unique non-ambiguous order defined by the formal grammer


Example
Try It Now Browser compatibility
Feature
Basic support 1.0 1.0 (1.7 or earlier) 1.0 (85) 3.5 4.0 (Yes) (Yes)




Other CSS Border Properties you might want to learn

CSS border-left-width Property

CSS border-right Property

CSS border-right-color Property

CSS border-right-style Property

CSS border-top Property

CSS border-top-color Property

CSS border-top-style Property

CSS border-top-width Property



Sources and Credits

The source of the content has been referred and updated with Mozilla Foundation and W3C Organization

Last Updated Jul 21, 2015, 12:00:06 PM