Style padding 属性

    Style 对象参考手册 Style 对象

    定义和用法

    padding 属性设置或返回元素的内边距。

    该属性可使用 1 到 4 种值：

    如果规定一种值，比如：div {padding: 50px} - 所有四个内边距都是 50px。

    如果规定两种值，比如：div {padding: 50px 10px} - 上内边距和下内边距是 50px，左内边距和右内边距是 10px。

    如果规定三种值，比如：div {padding: 50px 10px 20px} - 上内边距是 50px，左内边距和右内边距是 10px，下内边距是 20px。

    如果规定四种值，比如：div {padding: 50px 10px 20px 30px} - 上内边距是 50px，右内边距是 10px，下内边距是 20px，左内边距是 30px。

    语法

    设置 padding 属性：

    Object.style.padding="%|length|inherit"

    返回 padding 属性：

    Object.style.padding

    值描述

    %定义基于父元素宽度的百分比内边距。

    length使用 px、cm 等单位定义内边距的宽度。

    inherit内边距从父元素继承。

    浏览器支持

    Internet ExplorerFirefoxOperaGoogle ChromeSafari

    所有主要浏览器都支持 padding 属性。

    注意：IE7 及更早的版本不支持 "inherit" 值。IE8 只有规定了 !DOCTYPE 才支持 "inherit"。IE9 支持 "inherit"。

    提示和注释

    margin 属性和 padding 属性都是在元素周围插入空间。然而，不同的是，margin 将围绕边框外面插入空间，padding 将在元素边框内插入空间。