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值)
默认值:未定义。

Related Posts