Example
Add a rounded border to the bottom-left corner of a div element:
document.getElementById("myDIV").style.borderBottomLeftRadius = "25px";Try it Yourself »
Definition and Usage
The borderBottomLeftRadius property sets or returns the shape of the border of the bottom-left corner.
Tip: This property allow you to add rounded borders to elements!
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
Numbers followed by Webkit, Moz, or O specify the first version that worked with a prefix.
| Property | |||||
|---|---|---|---|---|---|
| borderBottomLeftRadius | 5.0 4.0 Webkit |
9.0 | 4.0 3.0 Moz |
5.0 3.1 Webkit |
10.5 |
Syntax
Return the borderBottomLeftRadius property:
object.style.borderBottomLeftRadius
Set the borderBottomLeftRadius property:
object.style.borderBottomLeftRadius="length|% [length|%]|initial|inherit"
Property Values
| Value | Description |
|---|---|
| length | Defines the shape of the bottom-left corner. Default value is 0 |
| % | Defines the shape of the bottom-left corner in % |
| 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: | 0 |
|---|---|
| Return Value: | A String, representing the border-bottom-left-radius property of an element |
| CSS Version | CSS3 |
Related Pages
CSS reference: border-bottom-left-radius property
< Style Object