Style borderBottomRightRadius Property
Definition and Usage
borderBottomRightRadius
Sets or returns the shape of the bottom right border.
Tip:This property allows you to add rounded border corners to elements!
See Also:
CSS Reference Manual:border-bottom-right-radius Property
Example
Add rounded border corners to the right bottom of the div element:
document.getElementById("myDIV").style.borderBottomRightRadius = "25px";
Syntax
Return borderBottomRightRadius Property:
object.style.borderBottomRightRadius
Set borderBottomRightRadius Property:
object.style.borderBottomRightRadius = "length|% [length|%]|initial|inherit"
Property Value
Value | Description |
---|---|
length | Define the shape of the bottom right corner. The default value is 0. |
% | Define the shape of the bottom right corner with %. |
initial | Sets this property to its default value. See initial. |
inherit | Inherits this property from its parent element. See inherit. |
Technical Details
Default Value: | 0 |
---|---|
Return Value: | String, representing the element's border-bottom-right-radius Property. |
CSS Version: | CSS3 |
Browser Support
Table numbers indicate the first browser version to fully support this attribute.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
5.0 | 9.0 | 4.0 | 5.0 | 10.5 |