HTML DOM |样式 paddingRight 属性

Style paddingRight属性用于设置或返回元素的右内边距。
padding 属性在元素的边框内插入用户所需的空间。

句法 ：

• 获取属性：

  object.style.paddingRight

• 要设置属性：

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

属性值：

• % ：用于定义以父元素宽度的百分比为单位的右侧填充。
• length ：用于以长度单位定义正确的填充。
• initial ：用于将此属性设置为其默认值。
• 继承：用于从其父元素继承此属性。

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

示例：设置

元素的右内边距。

  

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

  

输出：

• 点击按钮前：

  

• 点击按钮后：
  

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

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