CSS中padding-left屬性用法詳解
你對(duì)CSS 中padding-left屬性的用法是否了解，這里和大家簡(jiǎn)單分享一下，該屬性設(shè)置元素左內(nèi)邊距的寬度。行內(nèi)非替換元素上設(shè)置的左內(nèi)邊距僅在元素所生成的第一個(gè)行內(nèi)框的左邊出現(xiàn)。
padding-left屬性
設(shè)置要在指明的對(duì)象邊框與內(nèi)容之間插入的間距量。該屬性設(shè)置元素左內(nèi)邊距的寬度。行內(nèi)非替換元素上設(shè)置的左內(nèi)邊距僅在元素所生成的第一個(gè)行內(nèi)框的左邊出現(xiàn)。
語(yǔ)法
- {
- padding-left:
- sPadding
- }
可能的值
◆sPadding
一個(gè)變量，用于指定或接收下列值之一：
◆length
浮點(diǎn)數(shù)，后跟絕對(duì)單位指示符（cm、mm、in、pt或pc）或相對(duì)單位指示符（em、ex或px）。
有關(guān)支持的長(zhǎng)度單位的詳細(xì)信息，請(qǐng)參閱長(zhǎng)度單位參考。
◆percentage
整數(shù)，后跟百分號(hào)(%)。此值為占父對(duì)象寬度的百分比。
對(duì)于所有對(duì)象，該屬性的默認(rèn)值均為0，并且該屬性不會(huì)被繼承。
注解
不允許為負(fù)值。
示例
以下示例使用padding-left屬性來(lái)更改對(duì)象的襯距。本示例使用TD元素作為內(nèi)嵌樣式表中的選擇器，將所有表格單元格的頂部填充設(shè)置為1厘米：
- <style>
- td{padding-left:1cm;}
- </style>
本示例使用內(nèi)聯(lián)腳本在onmouseover事件發(fā)生時(shí)將單元格的頂部填充設(shè)置為1厘米：
- <tdonmouseovertdonmouseover="this.style.paddingTop='1cm'"onmouseout="this.style.paddingTop=''">
- <imgsrcimgsrc="sphere.jpg">
- </td>
標(biāo)準(zhǔn)信息
此屬性在CascadingStyleSheets(CSS),Level1(CSS1)（級(jí)聯(lián)樣式表(CSS)，第1級(jí)(CSS1)）中定義。
應(yīng)用于
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屬性的區(qū)別
- 實(shí)例解析CSS padding 屬性用法
- 探究IE和Firefox下的2款HTTP調(diào)試工具用法
- CSS教程：詳解margin和padding屬性應(yīng)用場(chǎng)合
- 實(shí)現(xiàn)IE6、IE7、IE8多版本瀏覽器共存的五種方法
