你對CSS padding-left 屬性和padding-left屬性的區別和聯系是否了解，這里和大家分享一下，相信本文介紹一定會讓你有所收獲。

CSS padding-left 屬性

定義和用法

padding-left 屬性設置元素左內邊距（空白）。

說明

該屬性設置元素左內邊距的寬度。行內非替換元素上設置的左內邊距僅在元素所生成的***個行內框的左邊出現.

注釋：不允許使用負值。

實例

設置 p 元素的左內邊距：

p  
  {  
  padding-left:2cm;  
  }  
 

瀏覽器支持

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

注釋：

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

可能的值
 

 #p#

CSS padding-right 屬性

定義

padding-left 屬性設置元素右內邊距（空白）。

注釋：不允許使用負值。

繼承性：No

說明

該屬性設置元素右內邊距的寬度。行內非替換元素上設置的右內邊距僅在元素所生成的***個行內框的右邊出現.

JavaScript 語法

CSS 屬性也可通過一段 JavaScript 被動態地改變。

腳本語法：

object.style.paddingRight="2cm"在我們的 HTML DOM 教程中，您可以找到更多有關 paddingRight 屬性 的細節。

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

例子 

h1  
  {  
  padding-right: 10px  
  }  
 

可能的值
 

【編輯推薦】

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