CSS中padding-left屬性用法詳解
你對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
【編輯推薦】
- CSS中padding-top和padding-left屬性的區別
- 實例解析CSS padding 屬性用法
- 探究IE和Firefox下的2款HTTP調試工具用法
- CSS教程：詳解margin和padding屬性應用場合
- 實現IE6、IE7、IE8多版本瀏覽器共存的五種方法
