HTML DOM Style borderBottomLeftRadius Property Last Updated : 15 Jun, 2023 Comments Improve Suggest changes Like Article Like Report The borderBottomLeftRadius property in HTML DOM is used to set or return the radius of the border of the bottom-left corner. Syntax: It returns the borderBottomLeftRadius Property.object.style.borderBottomLeftRadiusIt is used to set the borderBottomLeftRadius property.object.style.borderBottomLeftRadius = "length|%|initial|inherit" Parameter: Length: This will define the shape of the bottom-left corner default value is 0.%: This also does the same job but in a percentage format.initial: This will set the property to its default value.inherit: This will inherit the property from its parent element. Return Value: It returns the radius value of the bottom left corner border. Example 1: In this example, we will use the borderBottomLeftRadius property. HTML <!DOCTYPE html> <html> <head> <style> div { border: 1px solid black; width: 300px; text-align: center; padding: 30px; color: green; } </style> </head> <body> <div id="main"> <h1>GeeksforGeeks!</h1> <button onclick="myGeeks()"> Click Here! </button> </div> <script> function myGeeks() { document.getElementById("main") .style.borderBottomLeftRadius = "35px"; } </script> </body> </html> Output: Example 2: In this example, we will use the borderBottomLeftRadius property. html <!DOCTYPE html> <html> <head> <style> div { border: 1px solid black; width: 300px; text-align: center; padding: 30px; color: green; } </style> </head> <body> <div id="main"> <h1>GeeksforGeeks!</h1> </div><br> <button onclick="myGeeks()"> Click Here! </button> <p id="val"></p> <script> function myGeeks() { document.getElementById("main") .style.borderBottomLeftRadius = "35px"; let x = document.getElementById("main") .style.borderBottomLeftRadius; document.getElementById("val").innerHTML = "Border Radius: " + x; } </script> </body> </html> Output: Supported Browsers: The browsers supported by borderBottomLeftRadius property are listed below: Google Chrome 4.0Edge 12.0Internet Explorer 9.0Firefox 4.0Opera 10.5Safari 5.0 Comment More infoAdvertise with us K kundankumarjha Follow Improve Article Tags : Web Technologies HTML Web technologies HTML-DOM Similar Reads HTML DOM Emphasized Object The HTML DOM Emphasized object represents the <em> element, used to emphasize text, typically rendering it in italics. It can be accessed and manipulated through JavaScript to alter its content or styling.Syntax:document.getElementById("ID");Example: Clicking the "Submit" button changes the em 1 min read HTML DOM type Event Property The type event property in HTML DOM is used to return the type of the triggered event. It returns a string that represents the type of the event. The events can be keyboard events or mouse events. Syntax: event.type Return Value: It returns a string that represents the type of event. Example: In thi 1 min read HTML DOM timeStamp Event Property The timeStamp property in the HTML DOM refers to a read-only property that returns the time (in milliseconds) at which an event was created. The value is measured relative to the UNIX epoch (January 1, 1970, 00:00:00 UTC). This property is commonly used to determine the timing of events and can be u 1 min read HTML | DOM Details Object The DOM Details Object is used to represent the HTML <details> element. The Details element is accessed by getElementById(). Properties: open: The details tag has an attribute called 'open' which is used to display the hidden information by default. Syntax: document.getElementById("ID"); Where 2 min read HTML DOM cancelable Event Property The cancelable event property indicates whether the event's default action can be prevented. If the value is true, the default action can be prevented using event.preventDefault(). If false, the default action cannot be prevented. It is a read-only property.It is a read-only boolean property.Syntax: 1 min read HTML DOM Style borderImageRepeat Property The borderImageRepeat style property in HTML DOM is used to set or return the borderImageRepeat property. It specifies whether the border image should repeat to fill the area, stretched to fill the area, set to the initial value, inherit property from its parent, etc. Depending on the need it will b 4 min read HTML | DOM Style borderImageOutset Property In the Style borderImageOutset Space which contains the border, image is to be painted is called the border-image space. By default, the boundaries of the border image area match with the boundaries of the element’s border-box. However, these boundaries can be extended using the border-image-outset 4 min read HTML | DOM Figcaption Object The Figcaption Object in HTML DOM is used to represent the HTML <figcaption> element. The figcaption element is accessed by getElementById(). Syntax: document.getElementById("ID"); Where ID represent the element id. Example 1: html <!DOCTYPE html> <html> <head> <title> 2 min read HTML | DOM Style backgroundRepeat Property The backgroundRepeat property in HTML DOM is used to set or return the CSS backgroundRepeat property. It also checks whether the background-image is repeated or not. Syntax: It is used to returns the backgroundRepeat property.object.style.backgroundRepeat It is used to set the backgroundRepeat prope 2 min read HTML | DOM DList Object The DOM DList Object is used to represent the HTML <dl> tag. The Dlist element is accessed by getElementById(). Syntax: document.getElementById("ID");< Where “id†is the ID assigned to the “dl†tag.Example-1: html <!DOCTYPE html> <html> <head> <title>HTML DOM DList O 2 min read Like