Latest web development tutorials

HTML DOM Style borderBottomRightRadius property

Style Object Reference Style Objects

Examples

Adding to the lower right corner of the div element rounded borders:

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

try it"

Definition and Usage

borderBottomRightRadius property sets or returns the shape of the bottom right border.

Tip: This attribute allows you to add rounded corners to the elements!


Browser Support

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE9 +, Firefox, Chrome, Safari and Opera support borderBottomRightRadius property.


grammar

Back borderBottomRightRadius properties:

object .style.borderBottomRightRadius

Setting borderBottomRightRadius properties:

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

Property Value

描述
length 定义右下角的形状。默认值是 0。
% 以 % 形式定义右下角的形状。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

technical details

Defaults: 0
return value: String representing the border-bottom-right-radius attribute element.
CSS version CSS3


related articles

CSS Reference: border-bottom-right-RADIUS attribute


Style Object Reference Style Objects