HTML DOM |样式 paddingLeft 属性

Style paddingLeft属性用于设置或返回元素的左填充。
padding 属性在元素的边框内插入用户想要的空间。
句法 ：

• 要获得财产：
  

object.style.paddingLeft

• 要设置属性：
  

object.style.left = "auto|length|%|initial|inherit"

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

属性值：

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

下面的程序说明了 Style paddingLeft 属性方法：
示例：设置

元素的左填充。

html

 

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

 

输出：

• 单击按钮之前：
  

• 点击按钮后：
  

支持的浏览器： HTML DOM 支持的浏览器 |样式 paddingLeft 属性如下：

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