定义
padding 属性是用于在一个声明中设置所有 padding 属性的简写属性。
注释:不允许使用负值。
继承性:No
说明
这个简写属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。
JavaScript 语法
CSS 属性也可通过一段 JavaScript 被动态地改变。
脚本语法:
object.style.padding="2cm"
例子
四个边的 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值)
默认值:未定义。