HTML | DOM 样式 minHeight 属性

HTML DOM 中的minHeight属性用于设置或返回元素的最小高度。此属性仅影响块级元素、绝对或固定位置元素。

句法：

• 它返回 minHeight 属性。

  object.style.minHeight

• 它用于设置 minHeight 属性。

  object.style.minHeight = "length|%|initial|inherit"

适当的价值：

Value	Description
length	Define length in length unit.
%	Define length in percentage compare to parent element
initial	Set initial value that is default.
inherit	Inherit property from parent element.

返回值：它返回元素的最小高度。

示例 1：

 
 
     
        
            DOM Style minHeight Property 
         
          
        
            #Geek1 {
                color: white;
                width: 50%;
                background: green;
            }
        
     
      
      
     
         
             
                GeeksForGeeks 
             
              
            DOM Style minHeight Property          
             
             
                Click to change 
             
              
             
                function geeks() { 
                    document.getElementById("Geek1").style.minHeight
                            = "150px"; 
                } 
             
         
     
                             

输出：

• 点击按钮前：
  
• 点击按钮后：
  

示例 2：

 
 
     
        
            DOM Style minHeight Property
         
          
        
            #Geek1 {
                color: white;
                width: 50%;
                background: green;
            }
            #Geek_Center {
                background: yellow;
                height: 200px;
            }
        
     
      
     
         
          
             
                GeeksForGeeks 
             
              
            DOM Style minHeight Property          
             
             
                Click to change 
             
              
             
                function geeks() { 
                    document.getElementById("Geek1").style.minHeight
                            = "50%"; 
                } 
             
         
     
                                 

输出：

• 点击按钮前：
  
• 点击按钮后：
  

支持的浏览器： DOM Style minHeight 属性支持的浏览器如下：

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