Latest web development tutorials

HTML DOM Style borderBottomLeftRadius property

Style Object Reference Style Objects

Examples

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

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

try it"

Definition and Usage

borderBottomLeftRadius property sets or returns the shape of the lower left corner of the 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 borderBottomLeftRadius property.


grammar

Back borderBottomLeftRadius properties:

object .style.borderBottomLeftRadius

Setting borderBottomLeftRadius properties:

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

Property Value

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

technical details

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


related articles

CSS Reference: border-bottom-left-RADIUS attribute


Style Object Reference Style Objects