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

border-bottom-style

Sets the style of the bottom border of the object.

{ border-bottom-style: sStyle }

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.

A border-width greater than zero must be set for the border-bottom-style property to render.

The following example uses the border-bottom-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-bottom-style: solid; border-width: 0.3cm; }
    .change { border-bottom-style: groove; }
</style>
</head>
<body>
<table border >
<tr>
  <td onmouseover="this.className='change'" 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.