border-top-style
Sets the style of the top border of the object.
sStyle
String that specifies or receives one of the following values:
none | Default. Border is not drawn, regardless of any border-width. |
dashed | Border is a dashed line. |
dotted | Border is a dotted line. |
double | Border is a double line drawn on top of the background of the object. The sum of the widths of the two single lines and the space between them equals the border-width value. The border width must be at least 3 pixels wide to draw a double border. |
groove | 3D groove is drawn in colors based on the value. |
inset | 3D inset is drawn in colors based on the value. |
outset | 3D outset is drawn in colors based on the value. |
ridge | 3D ridge is drawn in colors based on the value. |
solid | Border is a solid line. |
This property has a default value of none. It is not inherited.
The following example uses the border-top-style property to specify the border style. This example uses a call to an embedded style sheet to change the style of the bottom border to groove:
<head><style>
td { border-top-style: solid; border-width: 0.3cm; }
.change { border-top-style: groove; }
</style>
</head>
<body>
<table border >
<tr>
<td onmouseover="this.className='change'" onmouseout="this.className=''">
<img src="sphere.jpg">
</td>
</tr>
</table>
This property is defined in Cascading Style Sheets (CSS), Level 2 (CSS2).
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
