Style borderBottomRightRadius Property

Style Object Reference Style Object

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

Internet Explorer Firefox Opera Google Chrome Safari

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


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 Reference Style Object

Color Picker

colorpicker