YouTip

# Style borderTopLeftRadius Property [ Style Object](#) ## Example Add a rounded border to the top-left corner of a div element: document.getElementById("myDIV").style.borderTopLeftRadius="25px"; [Try it Yourself »](#) * * * ## Definition and Usage The borderTopLeftRadius property sets or returns the shape of the top-left corner of the border. **Tip:** This property allows you to add rounded corners to elements! * * * ## Browser Support  The borderTopLeftRadius property is supported in IE9+, Firefox, Chrome, Safari, and Opera. * * * ## Syntax Return the borderTopLeftRadius property: _object_.style.borderTopLeftRadius Set the borderTopLeftRadius property: _object_.style.borderTopLeftRadius="_length_|_%_ [_length_|_%_]|initial|inherit" **Note:** The length or percentage values of border-top-left-radius define the radius of a quarter of an ellipse, which defines the shape of the corner of the outer border edge. The first value is the horizontal radius, the second value is the vertical radius. If the second value is omitted, it is copied from the first. If both lengths are zero, the corner is square, not rounded. The percentage for the horizontal radius is relative to the width of the border box, while the percentage for the vertical radius is relative to the height of the border box. ## Property Values | Value | Description | | --- | --- | | _length_ | Defines the shape of the top-left corner. | | _%_ | Defines the shape of the top-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-top-left-radius property of an element. | | CSS Version | CSS3 | * * * ## Related Articles CSS Reference: (#) * * Style Object](#)