HTML DOM TBody vAlign 属性

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

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

句法：

它返回 TBody vAlign属性。

TBodyobject.vAlign;

它设置 TBody vAlign属性。

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

属性值：

• top ：它将内容设置为顶部对齐。
• middle：它将内容设置为中间对齐。
• 底部：它将内容设置为底部对齐。
• 基线：它将上下文设置为基线。基线是大多数字符所在的线。

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

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

HTML

      

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

  

   
        
            GeeksforGeeks
        
          
        HTML DOM TBody vAlign property 
         
        
            
                
                    
                    
                
                    
                    
                    
                
            
                         
        Shashank@shashanklaGeeksforGeeks@geeks
      
         
            Click button to return the vertical 
            alignment of the TBody element
        
  
  
        
            Click Here!
         
        
  
  
        
            function btnclick() {
                var tbody = document.getElementById("tbodyID").vAlign;
                 document.getElementById("paraID").innerHTML = tbody;
            }
        

输出：

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

HTML

  

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

  

    
        
            GeeksforGeeks
        
  
        HTML DOM TBody vAlign property 
  
        
        
            
                
                    
                    
                
                
                    
                    
                
            
            
        Shashank@shashanklaGeeksforGeeks@geeks
  
        
            Click on the button to set the
            vertical alignment of the 
            TBody element
        
  
        
            Click Here!
        
  
        
    
  
    
        function btnclick() {
            var tbody = document.getElementById(
                "tbodyID").vAlign = "bottom";
            document.getElementById("paraID")
                .innerHTML = "The value of the "
                + "Attribute was changed to: " 
                + tbody;
        }
    

  

输出：

支持的浏览器：

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