DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS中padding-left屬性用法詳解
CSS中padding-left屬性用法詳解
編輯:CSS詳解     

你對CSS 中padding-left屬性的用法是否了解,這裡和大家簡單分享一下,該屬性設置元素左內邊距的寬度。行內非替換元素上設置的左內邊距僅在元素所生成的第一個行內框的左邊出現。

padding-left屬性

設置要在指明的對象邊框與內容之間插入的間距量。該屬性設置元素左內邊距的寬度。行內非替換元素上設置的左內邊距僅在元素所生成的第一個行內框的左邊出現。

語法

  1. {
  2. padding-left:
  3. sPadding
  4. }

可能的值

◆sPadding

一個變量,用於指定或接收下列值之一:

◆length

浮點數,後跟絕對單位指示符(cm、mm、in、pt或pc)或相對單位指示符(em、ex或px)。

有關支持的長度單位的詳細信息,請參閱長度單位參考。

◆percentage

整數,後跟百分號(%)。此值為占父對象寬度的百分比。

對於所有對象,該屬性的默認值均為0,並且該屬性不會被繼承。

注解

不允許為負值。

示例

以下示例使用padding-left屬性來更改對象的襯距。本示例使用TD元素作為內嵌樣式表中的選擇器,將所有表格單元格的頂部填充設置為1厘米:

  1. <style>
  2. td{padding-left:1cm;}
  3. </style>

本示例使用內聯腳本在onmouSEOver事件發生時將單元格的頂部填充設置為1厘米:

  1. <tdonmouSEOvertdonmouSEOver="this.style.paddingTop='1cm'"onmouSEOut="this.style.paddingTop=''">
  2. <imgsrcimgsrc="sphere.jpg">
  3. </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

【編輯推薦】

  1. CSS中padding-top和padding-left屬性的區別
  2. 實例解析CSS padding 屬性用法
  3. 探究IE和Firefox下的2款HTTP調試工具用法
  4. CSS教程:詳解margin和padding屬性應用場合
  5. 實現IE6、IE7、IE8多版本浏覽器共存的五種方法
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved