HTML DOM THead vAlign 属性

HTML DOM THead vAlign属性用于设置或返回元素的valign属性的值。 valign属性用于指定表格标题元素内文本内容的垂直对齐方式。

注意：HTML5 不再支持此属性。

句法

• 它返回 THead vAlign属性。
  

THeadobject.vAlign;

• 它设置 THead vAlign属性。
  

THeadobject.vAlign = "top|middle|bottom|baseline";

属性值：

1. 顶部：它将内容设置为顶部对齐。
2. middle：它将内容设置为中间对齐。
3. bottom ：它将内容设置为底部对齐。
4. 基线：它将上下文设置为基线。基线是大多数字符所在的线。

返回值：它返回一个字符串值，表示 元素的垂直对齐方式。

示例 1：下面的 HTML 代码说明了如何返回 THead vAlign属性。

HTML

  

    
        table,
        th,
        td {
            border: 1px solid green;
        }
    

  

    
    
        GeeksforGeeks
    
    HTML DOM THead vAlign property 
    
        
            
                
                
            
        
        
            
                
                
            
            
                
                
            
        
    UsernameUser_IdShashank@shashanklaGeeksforGeeks@geeks
     
        Click here 
    
    
  
    
    
        function btnclick() {
            var thead = document.getElementById("theadID").vAlign;
            document.getElementById("paraID").innerHTML = thead;
        }
    

  

输出：

示例 2：下面的 HTML 代码说明了如何设置 THead vAlign属性。

HTML

  

    
        table,
        th,
        td {
            border: 1px solid green;
        }
    

  

    
    
        GeeksforGeeks
    
    HTML DOM THead vAlign Property 
    
        
            
                
                
            
        
        
            
                
                
            
            
                
                
            
        
    UsernameUser_IdShashank@shashanklaGeeksforGeeks@geeks
     
       Click here 
    
    
  
    
        function btnclick() {
            var thead = document.getElementById(
                "theadID").vAlign = "bottom";
  
            document.getElementById(
                "paraID").innerHTML = thead;
        }
    

  

输出：

支持的浏览器：

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