CSS padding 属性

定义

padding 属性是用于在一个声明中设置所有 padding 属性的简写属性。

注释:不允许使用负值。

继承性:No

说明

这个简写属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。

JavaScript 语法

CSS 属性也可通过一段 JavaScript 被动态地改变。

脚本语法:

object.style.padding="2cm"

在我们的 HTML DOM 教程中,您可以找到更多有关 padding 属性 的细节。

在我们的 HTML DOM 教程中,您也可以找到完整的 Style 对象参考手册

例子

四个边的 padding 均为 10px:

h1 {padding: 10px}

上边和下边的 padding 为 10px,左边和右边的 padding 是父元素宽度的 2%:

h1 {padding: 10px 2%}

上边的 padding 为 10px,左边和右边的 padding 是父元素宽度的 2%,下边的 padding 是 15px:

h1 {padding: 10px 2% 15px}

上边的 padding 为 10px,右边的 padding 是父元素宽度的 2%,下边的 padding 是 15px,而左边的 padding 是 20px:

h1 {padding: 10px 2% 15px 20px}

可能的值

描述
  • padding-top
  • padding-right
  • padding-bottom
  • padding-left

设置内边距。

值可以是:

  • 百分比(基于父元素宽度的百分比)
  • 长度值(固定的padding值)

默认值:未定义。

TIY 实例

所有填充属性在一个声明中
本例演示使用简写属性将所有的填充属性设置于一个声明中,可以有一到四个值。