HTML | DOM 图例 align 属性

HTML DOM 中的Legend align 属性用于设置或返回

元素的 align 属性值。
句法：

• 它返回一个图例 align 属性。

Legendobject.align;

• 它设置图例对齐属性。

Legendobject.align="left|right|top|bottom"

属性值：该属性接受上面提到和下面描述的四个参数：

• left：将标题设置在元素的左侧。
• right：将标题设置在元素的右侧。
• 顶部：它将标题设置为元素的顶部。
• 底部：它将标题设置为元素的底部。

示例 1：此示例返回一个 Legend align 属性。

html

 

    DOM Legend align Property
    
        form {
            width: 70%;
        }
         
        label {
            display: inline-block;
            float: left;
            clear: left;
            width: 90px;
            margin: 5px;
            text-align: left;
        }
         
        input[type="text"] {
            width: 250px;
            margin: 5px 0px;
        }
         
        .gfg {
            font-size: 40px;
            color: green;
            font-weight: bold;
        }
    

 

    GeeksforGeeks
    DOM Legend align Property
    
        
            
            STUDENT::
            Name:
            
            
            Email:
            
            
            Date of birth:
            
            
            Address:
            
            
            Enroll No:
            
        
    
    
    Submit
    
 
 
    
        function myGeeks() {
 
            // Accessing legend tag
            var g =
                document.getElementById("GFG").align;
 
            document.getElementById(
                "sudo").innerHTML = g;
        }
    

 

输出：

• 点击按钮前：

• 点击按钮后：

示例 2：此示例设置图例对齐属性。

html

 

    DOM Legend align Property
    
        form {
            width: 70%;
        }
         
        label {
            display: inline-block;
            float: left;
            clear: left;
            width: 90px;
            margin: 5px;
            text-align: left;
        }
         
        input[type="text"] {
            width: 250px;
            margin: 5px 0px;
        }
         
        .gfg {
            font-size: 40px;
            color: green;
            font-weight: bold;
        }
    

 

    GeeksforGeeks
    DOM Legend align Property
    
        
            
            STUDENT::
            Name:
            
            
            Email:
            
            
            Date of birth:
            
            
            Address:
            
            
            Enroll No:
            
        
    
    
    Submit
    
 
 
    
        function myGeeks() {
 
            // Accessing legend tag
            var g =
                document.getElementById("GFG").align = "right";
 
            document.getElementById(
                "sudo").innerHTML =
              "The value of the align attribute was changed to " + g;
        }
    

 

输出：

• 点击按钮前：

• 点击按钮后：

支持的浏览器： HTML DOM Legend align 属性支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器