Sets the color of the top border of the object.

Syntax

{ border-top-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 and 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-top-color property to specify the color of the top border. This example uses a call to an embedded (global) style sheet to change the color of the top border from red to blue when an onmouseover event occurs:

 Copy Code
<head>
<style>
    td { border-top-color: red; border-width: 0.5cm; border-style: groove; }
    .blue { border-top-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

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

See also