CSS padding

CSS padding 属性定义与用法

padding 简写属性在一个声明中设置所有填充属性。该属性可以有1到4个值。

实例:

• padding:10px 5px 15px 20px;
  • 上填充是 10px
  • 右填充是 5px
  • 下填充是 15px
  • 左填充是 20px
• padding:10px 5px 15px;
  • 上填充是 10px
  • 右填充和左填充是 5px
  • 下填充是 15px
• padding:10px 5px;
  • 上填充和下填充是 10px
  • 右填充和左填充是 5px
• padding:10px;
  • 所有四个填充都是 10px

注意： 负值是不允许的。

默认值：	0
继承：	no
版本：	CSS1
JavaScript 语法：	object.style.padding="10px 5px"

 

CSS padding 属性值

值	说明
length	规定以具体单位计的填充值，比如像素、厘米等。默认值是 0px
%	规定基于父元素的宽度的百分比的填充
inherit	指定应该从父元素继承padding

 

CSS padding 浏览器支持

所有主要浏览器都支持padding属性。

注意：IE7和更早的版本不支持"inherit"的值。 IE8需要定义！DOCTYPE。 IE9支持"inherit"。

 

CSS padding 实例

设置一个P元素的填充：

p {
    padding:2cm 4cm 3cm 4cm;
}

在线运行

 

相关文章

CSS 教程: CSS Padding