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 borders to elements!

See Also:

CSS Reference Manual:border-bottom-right-radius Property

Example

Add rounded corners to the bottom-right corner of the div element:

document.getElementById("myDIV").style.borderBottomRightRadius = "25px";

Try It Yourself

Syntax

Return borderBottomRightRadius Property:

object.style.borderBottomRightRadius

Set borderBottomRightRadius Property:

object.style.borderBottomRightRadius = "length|% [length|%]|initial|inherit"

Property Value

Value Description
length Defines the shape of the bottom-right corner. The default value is 0.
% Defined by % to define the shape of the bottom-right corner.
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: A string that represents the element's border-bottom-right-radius Property.
CSS Version: CSS3

Browser Support

The numbers in the table 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