border-bottom-color

Article
10/10/2017

Sets the color of the bottom border of the object.

Syntax

{ border-bottom-color: sColor }

Possible values

sColor

Variant that specifies or receives one of the default HTML color names or RGB values.

This property has no default value. It is not inherited.

Remarks

Some browsers do not recognize color names, but all browsers should recognize RGB color values and display them correctly.

Examples

The following example uses the border-bottom-color property to specify the color of the bottom border. This example uses a call to an embedded (global) style sheet to change the color of the bottom border from red to blue when an onmouseover event occurs:

<head><style>
    td { border-bottom-color: red;
        border-width: 0.5cm; border-style: groove; }
    .blue { border-bottom-color: blue; }
</style>
</head>
<body>
<table border >
<tr>
    <td onmouseover="this.className='blue '" onmouseout="this.className=''">
        <img src="sphere.jpg">
    </td>
</tr>
</table>

Standards information

This property is defined in Cascading Style Sheets (CSS), Level 2 (CSS2) Ee341480.xtlink_newWindow(en-us,Expression.40).png .

Applies to

A, ABBR, ACRONYM, B, BDO, BIG, BLOCKQUOTE, BODY, BUTTON, CAPTION, CENTER, CITE, CODE, CUSTOM, DD, DEFAULTS, DEL, DFN, DIV, DL, DT, EM, EMBED, FIELDSET, FONT, FORM, FRAME, HN, HR, I, IFRAME, IMG, INPUT TYPE=BUTTON, INPUT TYPE=CHECKBOX, INPUT TYPE=FILE, INPUT TYPE=IMAGE, INPUT TYPE=PASSWORD, INPUT TYPE=RADIO, INPUT TYPE=RESET, INPUT TYPE=SUBMIT, INPUT TYPE=TEXT, INS, LI, OBJECT, OL, P, Q, S, SPAN, SUB, TABLE, TD, TH, TT, U, UL, VAR, XMP