HTML DOM Style borderBottomRightRadius Property Last Updated : 13 Jun, 2023 Comments Improve Suggest changes Like Article Like Report The DOM borderBottomRightRadius property is used to select any element from the DOM tree and set the style of the radius of the bottom-right corner of its border. Syntax : It returns the borderBottomRightRadius Property.object.style.borderBottomRightRadiusIt is used to set the borderBottom property.object.style.borderBottomRightRadius = "length|% [length|%]| initial|inherit" Parameter: length: Define the shape of the right-bottom corner.%: Do the same thongs in a percentage format.initial: It will set the property to its default value.inherit: It inherits the property from its parent element Return Value: This sets or returns the radius value of the bottom right corner border. The below examples illustrate the borderBottomRightRadius property: Example 1: This will set the bottom-right-radius value to 25px. HTML <!DOCTYPE html> <html> <head> <title> HTML DOM Style borderBottomRightRadius Property </title> <style> div { border: 1px solid green; width: 300px; padding: 40px; height: 100px; color: green; } </style> </head> <body> <div id="mainDiv"> <h1 onclick="myFunction()"> GeeksforGeeks.! </h1> </div> <script> function myFunction() { document.getElementById("mainDiv").style.borderBottomRightRadius = "25px"; } </script> </body> </html> Output: Example 2: This will set the bottom-right-radius value to 25px and then return the value that is set. HTML <!DOCTYPE html> <html> <head> <title> HTML DOM Style borderBottomRightRadius Property </title> <style> div { border: 1px solid green; width: 300px; padding: 40px; height: 100px; color: green; } </style> </head> <body> <div id="mainDiv"> <h1>GeeksforGeeks.!</h1> </div> <br> <p id="val"> The value that set to the bottom right radius is : <span id="value">?</span> </p> <br> <input type="button" onclick="myFunction()" value="Click Me and check the radius value.!" /> <script> function myFunction() { document.getElementById("mainDiv"). style.borderBottomRightRadius = "25px"; let x = document.getElementById("mainDiv").style.borderBottomRightRadius; document.getElementById("value").innerHTML = x; } </script> </body> </html> Output: Supported Browser: The browser supported by HTML DOM Style borderBottomRightRadius Property are listed below: Google Chrome 4.0 and aboveEdge 12.0 and aboveInternet Explorer 9.0 and aboveFirefox 4.0 and aboveOpera 10.5 and aboveSafari 5.0 and above Comment More infoAdvertise with us K kundankumarjha Follow Improve Article Tags : Web Technologies HTML Web technologies HTML-DOM HTML-Property +1 More Similar Reads 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 HTML DOM insertBefore() Method The insertBefore() method in HTML DOM is used to insert a new node before the existing node as specified by the user. Syntax: node.insertBefore( newnode, existingnode ) Parameters: This method accepts two parameters as mentioned above and described below: newnode: It is the required parameter. This 2 min read HTML DOM attributes Property The attributes property in HTML DOM returns the group of node attributes specified by NamedNodeMap objects. The NamedNodeMap object represents the collection of attribute objects and can be accessed by index number. The index number starts at 0. Syntax: node.attributes Return Value: It returns the N 2 min read HTML| DOM Variable Object The DOM Variable Object is used to represent HTML <var> element. The var element is accessed by getElementById(). Syntax: var element = document.getElementById("ID"); Where “id†is the ID assigned to the “var†tag. Example-1: HTML <!DOCTYPE html> <html> <head> <title>HT 2 min read HTML DOM Style borderBottomLeftRadius Property 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.borderBottomLeftRa 2 min read HTML DOM Dialog Object The DOM Dialog Object is used to represent the HTML <dialog> element. The Dialog element is accessed by getElementById(). It is used in HTML5. Syntax: document.getElementById("ID"); Where “id†is the ID assigned to the “Dialog†tag. Example 1: In this example, we will use DOM Dialog Object. HT 1 min read HTML DOM InputEvent inputType Property The inputType property is used to know the type of change that is made to a particular input field or any other editable content by the event. It is a read-only property. Syntax: event.inputType Return Value: It returns a string that indicates the type of input entered. Example: In this example, we 1 min read Like