Style borderBottomRightRadius Property

Style Object Reference Style Object


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

Internet Explorer Firefox Opera Google Chrome Safari

The borderBottomRightRadius property is supported in IE9+, Firefox, Chrome, Safari, and Opera.


Return the borderBottomRightRadius property:

Set the borderBottomRightRadius property:"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 Reference Style Object


Color Picker