Export (0) Print
Expand All
This topic has not yet been rated - Rate this topic

border-bottom-color

Sets the color of the bottom border of the object.

{ border-bottom-color: sColor }

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.

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

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>

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

Did you find this helpful?
(1500 characters remaining)
Thank you for your feedback

Community Additions

ADD
Show:
© 2014 Microsoft. All rights reserved.