X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY ANGULAR XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

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

Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB HOSTING

UK Reseller Hosting

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates FREE Website Templates Free HTML Templates

SHARE THIS PAGE

facebook