Style border Left Style Property

Style border Left Style Property

It defines the line style of the left border of a box. It is used to set the left border of the element.

Browser Support

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

Property	chrome	firefox	microsoft edge	opera
border-image-repeat	1.0	1.0	5.5	9.2

 

Syntax

border-left-style: none | hidden | dotted | dashed | solid | double | groove | ridge |   inset | outset | initial | inherit;

Example

Output

Property Values

Value	Description
None	Specifies no border. This is default
Hidden	The same as "none", except in border conflict resolution for table elements
Dotted	Specifies a dotted border
Dashed	Specifies a dashed border
Solid	Specifies a solid border
Double	Specifies a double border
groove	Specifies a 3D grooved border. The effect depends on the border-color value
ridge	Specifies a 3D ridged border. The effect depends on the border-color value
Inset	Specifies a 3D inset border. The effect depends on the border-color value
Outset	Specifies a 3D outset border. The effect depends on the border-color value
Initial	Set this property to its default value.
Inherit	Inherits this property from its parent element.

 

Technical Details

Default value:	none
Version:	CSS1
Inherited	no
Animatable	no
JavaScript syntax:	object.style.borderLeftStyle="dotted"