CSS中padding-left属性用法详解-css padding属性

你对CSS 中padding-left属性的用法是否了解，这里和大家简单分享一下，该属性设置元素左内边距的宽度。行内非替换元素上设置的左内边距仅在元素所生成的第一个行内框的左边出现。

padding-left属性

设置要在指明的对象边框与内容之间插入的间距量。该属性设置元素左内边距的宽度。行内非替换元素上设置的左内边距仅在元素所生成的第一个行内框的左边出现。

语法

{  
padding-left:  
sPadding  
}

可能的值

◆sPadding

一个变量，用于指定或接收下列值之一：

◆length

浮点数，后跟绝对单位指示符（cm、mm、in、pt或pc）或相对单位指示符（em、ex或px）。

有关支持的长度单位的详细信息，请参阅长度单位参考。

◆percentage

整数，后跟百分号(%)。此值为占父对象宽度的百分比。

对于所有对象，该属性的默认值均为0，并且该属性不会被继承。

注解

不允许为负值。

示例

以下示例使用padding-left属性来更改对象的衬距。本示例使用TD元素作为内嵌样式表中的选择器，将所有表格单元格的顶部填充设置为1厘米：

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

本示例使用内联脚本在onmouseover事件发生时将单元格的顶部填充设置为1厘米：

<tdonmouseovertdonmouseover="this.style.paddingTop='1cm'"onmouseout="this.style.paddingTop=''"> 
<imgsrcimgsrc="sphere.jpg"> 
</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

【编辑推荐】