HTML | DOM 样式 maxWidth 属性

maxWidth 属性设置/返回元素的最大宽度。
maxWidth 属性仅影响块级元素、绝对或固定位置元素。

句法：

• 它返回 maxWidth 属性。

  object.style.maxWidth
  

• 它设置 maxWidth 属性。

  object.style.maxWidth = "none|length|%|initial|inherit"
  

价值观：

Value	Description
none	Default value without any limit on width of the element
length	Define width’s maximum value in length unit
%	Define width’s maximum value in % of the parent element
initial	Set property to its default value
inherit	Inherit from its parent element

返回值：返回元素的最大宽度。

示例 1：以长度单位设置宽度。

  

    DOM Style maxWidth Property 


    #Geek1 {
        color: white;
        width: 300px;
        background: green;
    }

  

    
         
                GeeksForGeeks 
            
  
        DOM Style maxWidth Property 
        
        
            Click to change
        
  
        
            function mygeeks() {
                
                //  set width using length unit.
                document.getElementById(
                  "Geek1").style.maxWidth = "220px";
            }
        
    

  

输出：

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

示例 2：在 ‘%’ 中设置宽度。

  

    DOM Style maxWidth Property 


    #Geek1 {
        color: white;
        width: 50%;
        background: green;
    }
      
    #Geek_Center {
        background: yellow;
        width: 400px;
        margin-left: 150px;
    }

  

    
         
                GeeksForGeeks 
            
  
        DOM Style maxWidth Property 
        
  
        
            Click to change
        
  
        
            function mygeeks() {
                
                // Set width using % .
                document.getElementById(
                    "Geek1").style.maxWidth = "35%";
            }
        
    

  

输出：

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

支持的浏览器： HTML支持的浏览器 |下面列出了DOM 样式的 maxWidth 属性：

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