HTML DOM Style borderRight Property Last Updated : 13 Jun, 2023 Comments Improve Suggest changes Like Article Like Report The DOM style borderRight property is used to set or return the three different border-right properties such as border-right-width, border-right-style, and border-right-color of an element. Syntax: It returns the borderRight Property.object.style.borderRightIt is used to set the borderRight property.object.style.borderRight = "width style color|initial|inherit" Property value: width: This will set the width of the right border.style: This will set the style of the right border.color: This will set the color of the right border.initial: This will set the property to its default value.inherit: This will inherit the property from its parent element Return Value: This property returns a string that represents the width, style, and color of the right border of an element. Example 1: In this example, we will see the use of DOM Style borderRight Property. html <!DOCTYPE html> <html> <head> <title>DOM Style borderRight Property </title> </head> <body> <center> <h1 style="color:green;width:50%;" id="sudo"> GeeksForGeeks </h1> <h2>DOM Style borderRight Property </h2> <br> <button type="button" onclick="geeks()"> Submit </button> <script> function geeks() { document.getElementById("sudo").style.borderRight = "thick solid green"; } </script> </center> </body> </html> Output: Example 2: In this example, we will see the use of DOM Style borderRight Property. HTML <!DOCTYPE html> <html> <head> <title>DOM Style borderRight Property</title> </head> <body> <center> <h1 style="color:green;"> GeeksForGeeks </h1> <h2>DOM Style borderRight Property </h2> <h3 style="border:2px solid red;width:50%;" id="sudo"> geksforgeeks </h3> <br> <button type="button" onclick="geeks()"> Submit </button> <script> function geeks() { document.getElementById("sudo").style.borderRight = "thick dotted green"; } </script> </center> </body> </html> Output: Supported Browsers: The browser supported by DOM borderRight property are listed below: Google Chrome 1Edge 12Internet Explorer 5.5Firefox 1Opera 9.2Apple Safari 1 Comment More infoAdvertise with us M manaschhabra2 Follow Improve Article Tags : Misc Web Technologies HTML Web technologies HTML-DOM +1 More Practice Tags : Misc Similar Reads HTML DOM previousElementSibling Property The previousElementSibling property in HTML DOM is used to return the previous element of the same level as the given element. If no previous element is found on the same level then it returns null. It is a read-only property. It is similar to the previousSibling property but the difference is previ 2 min read HTML DOM childElementCount Property The DOM childElementCount property is used to count the number of child elements and return it. It counts only child elements except for text and comment nodes. Syntax: node.childElementCount Where a node is an object which represents the document or element. Return Value: It returns the number of c 1 min read HTML DOM nextElementSibling Property The nextElementSibling property is used to return the immediate next element of the specified element, in the same tree level or null if the specified element is the last one in the list. It is a read-only property. It differs from the nextSibling property as nextSibling returns the next sibling nod 2 min read HTML DOM focus() Method DOM focus() method is used to give focus to an element and also to remove the focus with the help of blur() method. We can apply focus to any element and enable it by doing some operation. For example, we can give focus to some text by clicking a button. Syntax: Object.focus() Example-1: HTML <!D 1 min read HTML DOM innerHTML Property The innerHTML property sets or returns the HTML content (inner HTML) of an element. It allows you to manipulate the inner content, including HTML tags, by assigning new HTML strings or retrieving existing content, making it useful for dynamic updates on web pages.SyntaxIt returns the innerHTML Prope 2 min read HTML DOM firstChild Property The DOM firstChild Property is used to return the firstchild Node of its parent node element. It is read-only property and may return an element node, a text node or a comment node. Syntax:node.firstChild Return Value: It returns a string value which represent the first child of a node. If the eleme 2 min read HTML DOM parentNode Property The parentNode property is used to return the parent node of the specified node as a Node object. It is a read-only property. Syntax: node.parentNode Return value: This property returns a parent element of the specified node or null if the current node has no parent element. Example: In this example 2 min read HTML | DOM Abbreviation Object The DOM Abbreviation Object is used to represent the HTML <abbr> element. The abbreviation element is accessed by getElementById(). Example 1: html <!DOCTYPE html> <html> <head> <title> HTML DOM Abbreviation Object </title> <script> function myGeeks() { var 1 min read HTML | DOM Style margin Property The DOM Style margin Property is used to sets or returns the margin of an element.We can set the different size of margins for individual sides(top, right, bottom, left).Margin properties can have following values: Length in cm, px, pt, etc.Width % of the element.Margin calculated by the browser: au 2 min read HTML DOM nodeName Property The nodeName property is used to return the name of the specified node as a string. It returns different values for different nodes such as if the node attributes, then the returned string is the attribute name, or if the node is an element, then the returned string is the tag name. It is a read-onl 2 min read Like