你對CSS中padding-bottom 屬性和padding-right屬性的區(qū)別是否了解，這里和大家分享一下，希望對你的學(xué)習(xí)有所幫助。

CSS padding-bottom 屬性

定義和用法

padding-bottom 屬性設(shè)置元素的下內(nèi)邊距（底部空白）。

說明

該屬性設(shè)置元素下內(nèi)邊距的寬度。行內(nèi)非替換元素上設(shè)置的下內(nèi)邊距不會影響行高計算，因此，如果一個元素既有內(nèi)邊距又有背景，從視覺上看可能延伸到其他行，有可能還會與其他內(nèi)容重疊。不允許指定負(fù)內(nèi)邊距值。

注釋：不允許使用負(fù)值。

實例

設(shè)置 p 元素的下內(nèi)邊距：

p  
  {  
  padding-bottom:2cm;  
  }  
 

瀏覽器支持

所有主流瀏覽器都支持 padding-bottom 屬性。

注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。

可能的值

#p#

CSS padding-right 屬性

定義

padding-left 屬性設(shè)置元素右內(nèi)邊距（空白）。

注釋：不允許使用負(fù)值。

繼承性：No

說明

該屬性設(shè)置元素右內(nèi)邊距的寬度。行內(nèi)非替換元素上設(shè)置的右內(nèi)邊距僅在元素所生成的***個行內(nèi)框的右邊出現(xiàn).

JavaScript 語法

CSS 屬性也可通過一段 JavaScript 被動態(tài)地改變。

腳本語法：

object.style.paddingRight="2cm"在我們的 HTML DOM 教程中，您可以找到更多有關(guān) paddingRight 屬性 的細(xì)節(jié)。

在我們的HTML DOM教程中，您也可以找到完整的 Style 對象參考手冊。

例子

h1  
  {  
  padding-right: 10px  
  }  
 

可能的值

【編輯推薦】

1. CSS中padding-bottom 屬性用法
2. 實例解析CSS padding 屬性用法
3. CSS padding-right 屬性
4. CSS教程：詳解margin和padding屬性應(yīng)用場合
5. 實現(xiàn)IE6、IE7、IE8多版本瀏覽器共存的五種方法