border-left-style

Sets the style of the left border of the object.

Syntax

{ border-left-style: sStyle }

Possible values

sStyle

String that specifies 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.

Remarks

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

Examples

The following example uses the border-left-style property to specify the border style. This example uses a call to an embedded style sheet to change the style of the left border to groove:

<head><style>
    td {border-left-style: solid; border-width:0.3cm}
    .change {border-left-style: groove}
</style>
</head>
<body>
<table border >
<tr>
  <td onmouseover="this.className='change'" onmouseout="this.className=''">
    <img src="sphere.jpg">
  </td>
</tr>
</table>

Standards information

This property is defined in Cascading Style Sheets (CSS), Level 2 (CSS2) Ee371182.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

See also

Concepts

border
border-left
border-style
border-width

Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.