Easy Tutorial
❮ Css3 Pr Transition Timing Function Css3 Pr Resize ❯

CSS border-bottom-color Property

Example

Set the bottom border color:

p {
    border-style: solid;
    border-bottom-color: #ff0000;
}

Definition and Usage

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

Note: Before using the border-bottom-color property, you must declare the border-style property. The element must have a border before you can change the color.

Default value: not specified
Inherited: no
--- ---
Version: CSS1
--- ---
JavaScript syntax: object.style.borderBottomColor="blue"
--- ---

Browser Support

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

Property
border-bottom-color 1.0 4.0 1.0 1.0 3.5

Property Values

Value Description Test
color Specifies the background color. In CSS Color Values
transparent Specifies that the border color should be transparent. This is default
inherit Specifies that the border color should be inherited from the parent element

Related Articles

CSS Tutorial: CSS Border

CSS Reference: border-bottom Property

❮ Css3 Pr Transition Timing Function Css3 Pr Resize ❯