本文向大家描述一下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網頁布局中對段落進行排版的方法