解析CSS padding属性的用法和组成

本文向大家描述一下CSS padding属性的用法和组成，padding，中文"填充"的意思 ，它主要定义边内补白，希望本文的介绍能让你有所收获。

CSS padding属性 -- 定义边内补白

取值: {1,4} | inherit

{1,4}: 边内补白宽度

inherit: 继承

初始值: 0

继承性: 否

适用于: 所有元素,,除了table-row-group, table-header-group, table-footer-group, table-row, table-column-group 和 table-column

padding，中文"填充"的意思

Padding属性包含了paddingleft：左补距离（设置距左内边距）；paddingtop：头顶补距离（设置距顶部内边距）；paddingright：右补距离（设置距右内边距）；paddingbottom：底补距离（设置距低内边距）。

CSS padding-right 属性

padding-right -- 定义右边内补白

取值: | inherit

: 右边内补白的宽度

inherit: 继承

初始值: none

继承性: 否

适用于: 所有元素

padding:边内补白,right:右

示例

p#right  
{  
 padding-right: 12px;  
}  
 

 CSS padding-left 属性

padding-left -- 定义左边内补白

取值: | inherit

: 左边内补白的宽度

inherit: 继承

初始值: none

继承性: 否

适用于: 所有元素

padding:边内补白,left:左

示例

p#left  
{  
 padding-left: 12px;  
}  
 

#p#CSS padding-top 属性

padding-top -- 定义上边内补白

取值: | inherit

: 上边内补白的宽度

inherit: 继承

初始值: none

继承性: 否

适用于: 所有元素

padding:边内补白,top:上

示例

p#top  
{  
 padding-top: 12px;  
}  
 

 CSS padding-bottom 属性

padding-bottom -- 定义下边内补白

取值: | inherit

: 下边内补白的宽度

inherit: 继承

初始值: none

继承性: 否

适用于: 所有元素

padding:边内补白,bottom:下

示例
 

p#bottom  
{  
 padding-bottom: 12px;  
}  
 

【编辑推荐】

1. CSS布局时需注意的八大技巧
2. IE6.0对padding的解读分析
3. 揭露CSS中margins折叠现象内幕
4. DIV+CSS开发Xhtml网页对SEO优化的影响
5. DIV CSS网页布局中对段落进行排版的方法