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。 值可以是： 百分比（基于父元素宽度的百分比） 长度值（固定的padding值） 默认值：未定义。

TIY 实例

所有填充属性在一个声明中

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