YouTipThis is some text.
[Try it yourself »](#) * * Style Object](#)
Prop Style Borderleft
# Style borderLeft Property
[ Style Object](#)
* * *
## Definition and Usage
The borderLeft property sets or returns the three individual left border properties in a shorthand form.
With this property, you can set/return:
* border-left-width
* border-left-style
* border-left-color
## Syntax
Set the borderLeft property:
Object.style.borderLeft="_width style color_"
Return the borderLeft property:
Object.style.borderLeft
**Note:** The borderLeft property has no default value.
| Parameter | Description |
| :--- | :--- |
| _(#)_ | Sets the width of the left border. |
| _(#)_ | Sets the style of the left border. |
| _(#)_ | Sets the color of the left border. |
* * *
## Browser Support
The borderLeft property is supported by all major browsers.
* * *
## Example
## Example
Change the width, style, and color of the left border:
#ex1{
border: thin dotted #FF0000;
}
function displayResult(){
document.getElementById("ex1").style.borderLeft="thick solid #0000FF";
}
[Try it yourself »](#) * * Style Object](#)
[Try it yourself »](#) * * Style Object](#)