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}
可能的值
值 | 描述 |
---|---|
|
设置内边距。 值可以是:
默认值:未定义。 |
TIY 实例
- 所有填充属性在一个声明中
- 本例演示使用简写属性将所有的填充属性设置于一个声明中,可以有一到四个值。