Open In App

HTML DOM Iframe align Property

Last Updated : 06 Jan, 2022
Comments
Improve
Suggest changes
Like Article
Like
Report

The HTML Iframe align property is used to set or return the value of the align attribute of the <iframe> element. 

Note: This property is not supported by HTML5.

Syntax:  

It returns the aligned property.

iframeobject.align;

It sets the aligned property.

Iframeobject.align="left|right|middle|top|bottom"
 

Property Values:

  • left: It sets the frame to the left alignment.
  • right: It sets the frame to the right alignment.
  • middle: It sets the frame to the middle.
  • top: It sets the frame to the top alignment.
  • bottom: It sets the frame to the bottom alignment.

Return Values: It returns a string value that represents the alignment of the Iframe element.

 Example 1: Below example illustrates how to return the Iframe align property.

HTML
<!DOCTYPE html>
<html>

<body style="text-align:center;">

    <h1>GeeksforGeeks</h1>

    <h2>
        HTML DOM iframe align Property
    </h2>

    <iframe src="https://ide.geeksforgeeks.org/index.php" 
        id="iframeID" align="middle" 
        height="200" width="400">
    </iframe><br>

    <button onclick="click1()">Submit</button>
    <p id="paraID"></p>

    
    <script>
        function click1() {
            var x = document.getElementById("iframeID").align;
            document.getElementById("paraID").innerHTML = x;
        }
    </script>
</body>

</html>

Output:

Example 2: Below example sets the iframe alignment property to right. 

HTML
<!DOCTYPE html>
<html>

<body style="text-align:center;">

    <h1>GeeksforGeeks</h1>

    <h2>
        HTML DOM iframe align Property
    </h2>

    <iframe src="https://ide.geeksforgeeks.org/index.php"
        id="iframeID" align="middle" 
        height="200" width="400">
    </iframe><br>

    <button onclick="click1()">Submit</button>
    <p id="paraID"></p>


    <script>
        function click1() {
            var x = document.getElementById(
                    "iframeID").align = "right";
                    
            document.getElementById("paraID").innerHTML = x;
        }
    </script>
</body>

</html>

Output:

List of Supported Browsers:

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

Next Article

Similar Reads