HTML | DOM 样式 paddingBottom 属性

Style paddingBottom属性用于设置或返回元素的底部填充。
padding 属性在元素的边框内插入用户想要的空间。

句法 ：

• 要获得财产：

  object.style.paddingBottom

• 设置属性值：

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

返回值：它返回一个字符串，表示元素的底部填充

属性值：

• % ：用于定义底部填充，以父元素宽度的 % 为单位。
• length ：用于以长度单位定义底部填充。
• initial ：用于将此属性设置为其默认值。
• inherit ：用于从其父元素继承此属性。

下面的程序说明了 Style paddingBottom 属性方法：

示例：设置

元素的底部填充。

  

    Style paddingBottom in HTML
    
        #MyElement {
            border: 1px solid black;
            background-color: green;
            width: 300px;
            height: 300px;
        }
          
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    

  

  
    GeeksforGeeks
    Style paddingBottom
  
    For setting the bottom padding, 
      double click the "Apply Bottom Padding" button: 
    
  
    Apply Bottom Padding
  
    
        Geeksforgeeks is a portal for geeks.
    
  
    
        function padding() {
            document.getElementById("MyElement")
            .style.paddingBottom = "100px";
        }
    
  

  
         

输出：

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

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

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