border-left

Article
10/10/2017

Sets the properties of the left border of the object.

Syntax

{ border-left: sBorder }

Possible values

sBorder

String that specifies or receives one or more of the following space-delimited values:

color	Any of the range of color values available to the border-left-color property.
style	Any of the range of style values available to the border-left-style property.
width	Any of the range of width values available to the border-left-width property.

This property has a default value of medium none. It is not inherited.

Remarks

The border-left property is a composite property that set the width, style, and color values for the left border of an object.

All individual border properties not set by the composite border-left property are set to their default values. For example, the default value for width is medium.

If no color is specified, the text color is used.

Examples

The following example uses the border-left property to specify the composite properties. This example uses a call to an embedded (global) style sheet to change the attributes of the right border when an onmouseover event occurs:

<head>
<style>
    td { border-left: 4px red groove; }
    .change { border-left: 2px yellow solid; }
</style>

</head>
<body>
<table> 
<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 1 (CSS1) Ee371291.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, frameset, frame, hn, 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