YouTip LogoYouTip

Prop Style Borderbottomleftradius

# Style borderBottomLeftRadius Property [![Image 8: 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 bottom-left border. **Tip:** This property allows you to add rounded borders to elements! * * * ## Browser Support ![Image 9: Internet Explorer](#)![Image 10: Firefox](#)![Image 11: Opera](#)![Image 12: Google Chrome](#)![Image 13: 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. See (#). | | inherit | Inherits this property from its parent element. See (#). | ## Technical Details | Default Value: | 0 | | --- | | Return Value: | A string, representing the border-bottom-left-radius property of an element. | | CSS Version | CSS3 | * * * ## Related Articles CSS Reference: (#) * * Style Object](#)
← Prop Style BorderbottomrightraProp Style Backfacevisibility β†’