Easy Tutorial
❮ Pr Grid Auto Row Pr Tab Empty Cellsp ❯

CSS border-left Property

Example

Set the style of the left border:

p 
{
    border-style:solid;
    border-left:thick double #ff0000;
}

Property Definition and Usage

The border-left shorthand property sets all the properties of an element's left border in one declaration.

It can set the following properties in order: border-left-width, border-left-style, and border-left-color.

If one of the values is not set, it will not cause any issues. For example, border-left:solid #ff0000; is also allowed.

Default value: not specified
Inherited: no
--- ---
Version: CSS1
--- ---
JavaScript syntax: object.style.borderLeft="3px solid blue"
--- ---

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property
border-left 1.0 4.0 1.0 3.5 1.0

Property Values

Value Description
border-left-width Specifies the width of the left border. See: border-left-width
border-left-style Specifies the style of the left border. See: border-left-style
border-left-color Specifies the color of the left border. See: border-left-color
inherit Specifies that the border-left properties should be inherited from the parent element.

Related Articles

CSS Tutorial: CSS Border

❮ Pr Grid Auto Row Pr Tab Empty Cellsp ❯