HTML | DOM Div align Property

The HTML | DOM Div align Property is used to set or return the value of the data attribute of a <div> element.

Syntax:

It returns the div align property.
```
div object.align;
```

It sets the div align property.

div objectobject.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 Div element.

Example 1: This example returns the Div align property.

<!DOCTYPE html>  
<html>  
      
<head>  
    <title>  
        HTML DOM Div align Property 
    </title>  
</head>  
  
<body style = "text-align:center;">  
  
    <h1 style = "color:green;" >  
        GeeksForGeeks  
    </h1>  
          
    <div id="div_obj">DOM Div align Property</div>  
    <br>  
      
    <button onclick = "Geeks()">  
        Click Here!  
    </button>  
          
    <br><br>  
          
    <div id = "GFG" align="left">  
        A portal for geeks.  
    </div>  
    <p id="geeks"></p> 
    <!-- script to access div object -->
    <script>  
        function Geeks() {  
            var dv = document.getElementById("GFG").align;  
            document.getElementById("geeks").innerHTML = dv;  
        }  
    </script>  
</body>  
  
</html>                      

Output:
Before Clicking On Button:

After Clicking On Button:

Example 2: This example sets the Div align property.

<!DOCTYPE html>  
<html>  
      
<head>  
    <title>  
        HTML DOM Div align Property 
    </title>  
</head>  
  
<body style = "text-align:center;">  
  
    <h1 style = "color:green;" >  
        GeeksForGeeks  
    </h1>  
          
    <div id="div_obj">DOM Div align Property</div>  
    <br>  
      
    <button onclick = "Geeks()">  
        Click Here!  
    </button>  
          
    <br><br>  
          
    <div id = "GFG" align="left">  
        A portal for geeks.  
    </div>  
    <p id="geeks"></p> 
    <!-- script to access div object -->
    <script>  
        function Geeks() {  
            var dv = document.getElementById("GFG").align = "right";  
            document.getElementById("geeks").innerHTML = dv;  
        }  
    </script>  
</body>  
  
</html> 

Output:
Before Clicking On Button:

After Clicking On Button:

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

Google Chrome
Internet Explorer
Firefox
Apple Safari
Opera

My Personal Notes

Recommended Posts: