Search within TutorialsPark

CSS border-bottom-color Property


To set the color of the bottom edge of the border


Definition and Notes.

1. The CSS border-bottom-color property sets the color of the bottom edge of the border

2. The border-style must be declared before specfying the border-bottom-color , as you cannot have border color without having a border.


Syntax:

CSS border-bottom-color property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

Note- Should be used only when specific styling of the border is required

Property Values

Value Description
color Specifies the color of the border using Hex colors, rgba() or hsla() values
transparent Border are set as tranparent, but the space set by border-width is occupied.
inherit Values are inherited from the parent element.

Specifications

Specs Value
Name border-bottom-color
Value color | transparent | inherit
Initial Value transparent
Applies to all elements.
Javascript syntax object.style.borderBottomColor=" #fa4b2a "
Inherited No
Browser Support internetexplorer safari firefox opera chrome

Related Examples.