Open In App

HTML | DOM HR align Property

Improve
Improve
Like Article
Like
Save
Share
Report

The HTML DOM HR align property is used to set or return the value of the align attribute of <hr> element.

Note: This property is not supported by HTML5

Syntax: 

  • It returns the HR align property.
hrobject.align;
  • It sets the HR align property.
hrobject.align="left | right | center"

Property Values: 

  • left: It sets the left-align to horizontal line.
  • center: It sets the center-align to horizontal line. It is the default value.
  • right: It sets the right-align to horizontal line.

Return Values: It returns a string value which represents the alignment of the HR element. 

Example 1: This example sets the HR align property. 

HTML




<!DOCTYPE html>
<html>
<head>
    <title>HTML DOM hr align property</title>
</head>
<body>
    <H1>GeeksForGeeks</H1>
    <h2>DOM HR align Property</h2>
    <p>There is a horizontal rule below this paragraph.</p>
    <!-- Assigning id to 'hr' tag. -->
    <hr id="GFG"
        align="left"
        width="140px">
    <p>This is a horizontal rule above this paragraph.</p>
    <button onclick="myGeeks()">Try it</button>
    <script>
        function myGeeks() {
 
            // set HR align Property
            var x =
                document.getElementById("GFG").align =
                "center";
        }
    </script>
</body>
</html>


Output:

  • Before Clicking on Button:

 

  • After Clicking on Button:

 

Example 2: This example returns the HR align property. 

HTML




<!DOCTYPE html>
<html>
<head>
    <title>HTML DOM hr align property</title>
</head>
<body>
    <H1>GeeksForGeeks</H1>
    <h2>DOM HR align Property</h2>
    <p>There is a horizontal rule below this paragraph.</p>
    <!-- Assigning id to 'hr' tag. -->
    <hr id="GFG" align="left" width="140px">
    <p>This is a horizontal rule above this paragraph.</p>
    <button onclick="myGeeks()">Try it</button>
    <h3 id="sudo"></h3>
    <script>
        function myGeeks() {
 
            // Return HR align Property
            var x = document.getElementById("GFG").align;
            document.getElementById("sudo").innerHTML = x;
        }
    </script>
</body>
</html>


Output:

  • Before Clicking on Button: 

  • After Clicking on Button: 

Supported Browsers: The browsers supported by DOM HR align Property are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Apple Safari
  • Opera


Last Updated : 25 Aug, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads