Example
Add a rounded border to the bottom-right corner of a div element:
document.getElementById("myDIV").style.borderBottomRightRadius = "25px";Try it Yourself »
Definition and Usage
The borderBottomRightRadius property sets or returns the shape of the border of the bottom-right 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 | |||||
|---|---|---|---|---|---|
| borderBottomRightRadius | 5.0 4.0 Webkit |
9.0 | 4.0 3.0 Moz |
5.0 3.1 Webkit |
10.5 |
Syntax
Return the borderBottomRightRadius property:
object.style.borderBottomRightRadius
Set the borderBottomRightRadius property:
object.style.borderBottomRightRadius="length|% [length|%]|initial|inherit"
Property Values
| Value | Description |
|---|---|
| length | Defines the shape of the bottom-right corner. Default value is 0 |
| % | Defines the shape of the bottom-right 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-right-radius property of an element |
| CSS Version | CSS3 |
Related Pages
CSS reference: border-bottom-right-radius property
< Style Object