CSS border-bottom-color property
Set the bottom border color:
{
border-style:solid;
border-bottom-color:#ff0000;
}
Try it out . . .
Label definition and instructions for use
The border-bottom-color property sets the bottom border color of the element.
Note Before you can use 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: | not specified |
|---|---|
| Inherited: | no |
| Version: | CSS1 |
| JavaScript syntax: | object object.style.borderBottomColor="blue" |
Browser support
Border-bottom-color properties are supported by all major browsers.
Note Internet Explorer6 (and earlier) does not support "transparent" property values.
Note I E7 and earlier versions do not support the value of inherit. I E8 needs to be defined! D OCTYPE。 IE9 supports inheritance.
Property Values
| value | describe | test |
|---|---|---|
| color | Specify the background color.In CSS Color value Find a complete list of color values. | |
| transparent | The color of the specified border should be transparent.This is the default | |
| inherit | Specify the color of the border, you should inherit from the parent element |
Related articles
CSS tutorial: CSS Border
CSS Reference Manual: border-bottom property