你對(duì)padding-top屬性的概念是否了解，這里和大家分享一下，該屬性設(shè)置元素上內(nèi)邊距的寬度，行內(nèi)非替換元素上設(shè)置的上內(nèi)邊距不會(huì)影響行高計(jì)算。

padding-top屬性

設(shè)置要在指明的對(duì)象邊框與內(nèi)容之間插入的間距量。

語(yǔ)法

{  
padding-top:  
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-top屬性更改對(duì)象的填充。本示例使用TD元素作為內(nèi)嵌樣式表中的選擇器，將所有表格單元格的頂部填充設(shè)置為1厘米：
 

<style> 
td{padding-top: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

【編輯推薦】

1. CSS中padding-top和padding-left屬性的區(qū)別
2. 實(shí)例解析CSS padding 屬性用法
3. 探究IE和Firefox下的2款HTTP調(diào)試工具用法
4. CSS教程：詳解margin和padding屬性應(yīng)用場(chǎng)合
5. 實(shí)現(xiàn)IE6、IE7、IE8多版本瀏覽器共存的五種方法