Example
Add a "solid" left border to a <div> element:
document.getElementById("myDiv").style.borderLeftStyle = "solid";Try it Yourself »
Definition and Usage
The borderLeftStyle property sets or returns the style of the left border of an element.
Browser Support
The borderLeftStyle property is supported in all major browsers.
Syntax
Return the borderLeftStyle property:
object.style.borderLeftStyle
Set the borderLeftStyle property:
object.style.borderLeftStyle=value
Property Values
| Value | Description |
|---|---|
| none | Defines no border. This is default |
| hidden | Same as "none", except in border conflict resolution for table elements |
| dotted | Defines a dotted border |
| dashed | Defines a dashed border |
| solid | Defines a solid border |
| double | Defines two borders. The width of the two borders are the same as the border-width value |
| groove | Defines a 3D grooved border. The effect depends on the border-color value |
| ridge | Defines a 3D ridged border. The effect depends on the border-color value |
| inset | Defines a 3D inset border. The effect depends on the border-color value |
| outset | Defines a 3D outset border. The effect depends on the border-color value |
| initial | Sets this property to its default value. Read about initial |
| inherit | Inherits this property from its parent element. Read about inherit |
Technical Details
| Default Value: | none |
|---|---|
| Return Value: | A String, representing the style of an element's left border |
| CSS Version | CSS1 |
More Examples
Example
Change the style of the left border of a <div> element to "dotted":
document.getElementById("myDiv").style.borderLeftStyle = "dotted";
Try it Yourself »
Example
Return the left border style of a <div> element:
alert(document.getElementById("myDiv").style.borderLeftStyle);
Try it Yourself »
Example
A demonstration of all the different values:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderLeftStyle = listValue;
Try it Yourself »
Related Pages
CSS tutorial: CSS Border
CSS reference: border-left-style property
HTML DOM reference: border property
< Style Object