Style borderBottomLeftRadius Property

Style Object Reference Style Object

Example

Add a rounded border to the bottom-left corner of a div element:

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

Try it yourself »


Definition and Usage

The borderBottomLeftRadius property sets or returns the shape of the border of the bottom-left corner.

Tip: This property allow you to add rounded borders to elements!


Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

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


Syntax

Return the borderBottomLeftRadius property:

object.style.borderBottomLeftRadius

Set the borderBottomLeftRadius property:

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

Property Values

Value Description
length Defines the shape of the bottom-left corner. Default value is 0
% Defines the shape of the bottom-left 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-left-radius property of an element
CSS Version CSS3


Related Pages

CSS reference: border-bottom-left-radius property


Style Object Reference Style Object

Color Picker

colorpicker