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";

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 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