本文和大家重點討論一下CSS中padding-left屬性的用法，它主要用于設置要在指明的對象邊框與內容之間插入的間距量，相信本文介紹一定會讓你有所收獲。

padding-left屬性

設置要在指明的對象邊框與內容之間插入的間距量。

語法

{  
padding-left:  
sPadding  
}  
 

可能的值

◆sPadding

一個變量，用于指定或接收下列值之一：

◆length

浮點數，后跟絕對單位指示符（cm、mm、in、pt或pc）或相對單位指示符（em、ex或px）。

有關支持的長度單位的詳細信息，請參閱長度單位參考。

◆percentage

整數，后跟百分號(%)。此值為占父對象寬度的百分比。

對于所有對象，該屬性的默認值均為0，并且該屬性不會被繼承。

注解

不允許為負值。

示例

以下示例使用padding-left屬性來更改對象的襯距。本示例使用TD元素作為內嵌樣式表中的選擇器，將所有表格單元格的頂部填充設置為1厘米：

<style> 
td{  
padding-left:1cm;  
}  
</style> 
 

本示例使用內聯腳本在onmouseover事件發生時將單元格的頂部填充設置為1厘米：

<tdonmouseovertdonmouseover="this.style.paddingTop='1cm'" 
onmouseout="this.style.paddingTop=''"> 
<imgsrcimgsrc="sphere.jpg"> 
</td> 
 

標準信息

此屬性在CascadingStyleSheets(CSS),Level1(CSS1)（級聯樣式表(CSS)，第1級(CSS1)）中定義。

應用于

A、ABBR、ACRONYM、ADDRESS、APPLET、B、BDO、BIG、BLOCKQUOTE、BODY、BUTTON、CAPTION、CENTER、CITE、CODE、COL、COLGROUP、CUSTOM、DD、DEFAULTS、DEL、DFN、DIV、DL、DT、EM、EMBED、FIELDSET、FONT、FORM、FRAME、HN、HR、I、IMG、INPUTTYPE=BUTTON、INPUTTYPE=CHECKBOX、INPUTTYPE=FILE、INPUTTYPE=IMAGE、INPUTTYPE=PASSWORD、INPUTTYPE=RADIO、INPUTTYPE=RESET、INPUTTYPE=SUBMIT、INPUTTYPE=TEXT、INS、LI、NEXTID、OBJECT、OL、P、Q、RT、RUBY、S、SELECT、SPAN、SUB、TD、TH、TT、U、UL、VAR、XMP

【編輯推薦】

1. CSS中padding-left屬性用法詳解
2. 實例解析CSS padding 屬性用法
3. 探究IE和Firefox下的2款HTTP調試工具用法
4. CSS教程：詳解margin和padding屬性應用場合
5. CSS中padding-top和padding-left屬性的區別