You are here: Reference > CSS > properties > border-left

border-left property

Browser support:
Specifies the color, style and width properties for the element's left border, in a shorthand form.
Available border styles:

border-left-style: dotted
border-left-style: dashed
border-left-style: solid
border-left-style: double
border-left-style: inset
border-left-style: outset
border-left-style: groove
border-left-style: ridge
border-left-style: window-inset

JavaScript page for this property: borderLeft. You can find other example(s) there.

Possible values:

 One of the following values: 
 Any of the following values (use the space character to separate them, each value can be used only once): 

Description of values:

Specifies the color of the element's left border.
Specifies the style of the element's left border.
Specifies the width of the element's left border.
Takes the value of this property from the computed style of the parent element.
Default: this property has no default value.

Example HTML code 1:

This example illustrates the use of the border-left property:
        .example {
            border-left: 1px solid blue;
    <div class="example">Border-left: 1px solid blue</div>
Did you find this example helpful? yes no

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content