HTML | DOM 样式 paddingTop 属性

Style paddingTop 属性用于设置或返回元素的顶部填充。
padding 属性在元素的边框内插入用户所需的空间。

句法 ：

• 获取属性：

  object.style.paddingTop

• 要设置属性：

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

属性值：

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

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

示例：设置

元素的顶部填充。

  

    Style paddingTop 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 paddingTop
  
    For setting the top padding,
      double click the "Apply Top Padding" button: 
    
  
    Apply Top Padding
  
    
        Geeksforgeeks is a portal for geeks.
    
  
    
        function padding() {
            document.getElementById("MyElement")
            .style.paddingTop = "100px";
        }
    
  

  

输出：

• 点击按钮前：

  

• 点击按钮后：
  

支持的浏览器： HTML支持的浏览器 | DOM Style paddingTop 属性列举如下：

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