JavaScript HTML DOM Style paddingLeft 属性

  • paddingLeft 属性

    paddingLeft属性设置或返回元素的左边距。margin属性和padding属性都在元素周围插入空间。但是,不同之处在于边距会在边框周围插入空格,而填充会在元素边框内插入空格。
    设置<div>元素的左部填充:
    document.getElementById("myDiv").style.paddingLeft = "50px";
    
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    paddingLeft
    支持
    支持
    支持
    支持
    支持
  • 语法

    返回paddingLeft 属性:
    object.style.paddingLeft
    设置paddingLeft 属性:
    object.style.paddingLeft = "%|length|initial|inherit"
  • 属性值

    描述
    % 以父元素宽度的百分比定义左部填充
    length 以长度单位定义左部填充
    initial 将此属性设置为其默认值。 阅读有关initial信息
    inherit 从其父元素继承此属性。 阅读有关inherit的信息
  • 技术细节

    项目 描述
    默认值: 0
    返回值: 一个字符串,表示元素的左部填充
    CSS版本 CSS1
  • 更多例子

    将div元素的左部填充更改回“normal”:
    document.getElementById("myDiv").style.paddingLeft = "0px";
    
    尝试一下
    返回div元素的左部填充:
    alert(document.getElementById("myDiv").style.paddingLeft);
    
    尝试一下
    marginLeft和paddingLeft之间的区别:
    function changeMargin() {
      document.getElementById("myDiv").style.marginLeft = "100px";
    }
    
    function changePadding() {
      document.getElementById("myDiv2").style.paddingLeft = "100px";
    }
    
    尝试一下
  • 相关页面

    CSS参考:padding-left 属性
    CSS教程:CSS 内边距
    HTML DOM参考 :padding 属性