css padding属性 CSS padding-top 属性

css padding属性

CSS padding属性是用来设置元素内边距的，它可以控制元素内容与元素边框之间的间距。padding属性可以使用四个值来指定上、右、下、左四个方向的内边距，也可以使用两个值来指定上下内边距和左右内边距，还可以使用三个值来指定上内边距、左右内边距和下内边距。

padding: 10px 20px 30px 40px; 
padding: 10px 20px; 
padding: 10px 20px 30px; 

当使用一个值时，该值将应用于所有四个方向的内边框。当使用多于一个值时，顺序是：上-右-下-左。如果省略了其中一些，则会将剩余的值应用到剩余的方向。例如：

padding: 10px; 

CSS padding也可以使用百分数来表示，这样就能够根据元素大小动态地改变padding大小。例如：

padding: 5%; 

CSS padding也能够使用auto作为单位来表示，这样就能够根据元素大小动态地改变padding大小。例如：

padding: auto; 

CSS padding也能够使用inherit作为单位来表示，这样就能够将当前元素的padding大小从父元素中“继承”过来。例如：

padding: inherit; 
CSS padding-top 属性
CSS padding-top 属性
实例
 设置一个P元素的顶部填充：
p 
{
padding-top:2cm;
}

属性定义及使用说明
padding-top属性设置一个元素的顶部内边距（空白）。
注意： 负值是不允许的。
默认值：
0
继承：
no
版本：
CSS1
JavaScript 语法：
object.style.paddingTop="2cm"

浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
属性
 
 
 
 
 
padding-bottom
1.0
4.0
1.0
1.0
3.5
属性值
值
描述
length
规定以具体单位计的固定的上内边距值，比如像素、厘米等。默认值是 0px。
%
定义基于父元素宽度的百分比上内边距。此值不会如预期的那样工作于所有的浏览器中。
inherit
规定应该从父元素继承上内边距。

相关文章
CSS 教程: CSS Padding