CSS Reference
CSS Reference CSS Selectors CSS Reference Aural CSS Web Safe Fonts CSS Units CSS Colors CSS Color Values CSS Color Names CSS Color HEX CSS3 Browser SupportCSS Properties
CSS border-bottom-color Property
Example
Set the color of the bottom border:
p
{
border-style:solid;
border-bottom-color:#ff0000;
}
{
border-style:solid;
border-bottom-color:#ff0000;
}
Try it yourself »
Definition and Usage
The border-bottom-color property sets the color of an element's bottom border.
Note: Always declare the border-style property before the border-bottom-color property. An element must have borders before you can change the color.
| Default value: | not specified |
|---|---|
| Inherited: | no |
| Version: | CSS1 |
| JavaScript syntax: | object.style.borderBottomColor="blue" |
Browser Support
The border-bottom-color property is supported in all major browsers.
Note: Internet Explorer 6 (and earlier versions) does not support the property value "transparent".
Note: The value "inherit" is not supported in IE7 and earlier. IE8 requires a !DOCTYPE. IE9 supports "inherit".
Property Values
| Value | Description | Play it |
|---|---|---|
| color | Specifies the background color. Look at CSS Color Values for a complete list of possible color values. | Play it » |
| transparent | Specifies that the border color should be transparent. This is default | Play it » |
| inherit | Specifies that the border color should be inherited from the parent element |
Related Pages
CSS tutorial: CSS Border
CSS reference: border-bottom property
HTML DOM reference: borderBottomColor property
Your suggestion:
Close [X]
Thank You For Helping Us!
Your message has been sent to W3Schools.
Close [X]
