解析CSS中padding-left属性用法

开发 前端
你对CSS中padding-left属性的用法是否了解,这里和大家分享一下,它是用来设置要在指明的对象边框与内容之间插入的间距量。

 本文和大家重点讨论一下CSS中padding-left属性的用法,它主要用于设置要在指明的对象边框与内容之间插入的间距量,相信本文介绍一定会让你有所收获。

padding-left属性

设置要在指明的对象边框与内容之间插入的间距量。

语法

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

可能的值

◆sPadding

一个变量,用于指定或接收下列值之一:

◆length

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

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

◆percentage

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

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

注解

不允许为负值。

示例

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

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

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

  1. <tdonmouseovertdonmouseover="this.style.paddingTop='1cm'" 
  2. onmouseout="this.style.paddingTop=''"> 
  3. <imgsrcimgsrc="sphere.jpg"> 
  4. </td> 
  5.  

标准信息

此属性在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-left属性用法详解
  2. 实例解析CSS padding 属性用法
  3. 探究IE和Firefox下的2款HTTP调试工具用法
  4. CSS教程:详解margin和padding属性应用场合
  5. CSS中padding-top和padding-left属性的区别

 

责任编辑:佚名 来源: microsoft.com
相关推荐

2010-08-20 16:29:01

padding-lef

2010-08-23 13:21:51

padding-lefpadding-rigCSS

2010-08-20 15:56:58

padding-toppadding-lefCSS

2010-08-23 13:05:16

padding-lef

2010-08-23 09:16:21

CSSpadding-bot

2010-08-20 14:58:26

CSSpadding

2010-09-08 11:06:49

CSSpaddingmargin

2010-08-24 08:56:22

CSSpadding

2010-08-23 13:40:46

CSSpadding-bot

2010-08-23 08:45:08

CSSpadding内边距

2010-08-23 15:33:47

CSSpadding

2010-08-25 13:33:55

CSSpadding

2010-08-23 09:11:18

padding-bot

2010-08-25 08:57:33

marginpadding

2010-08-30 11:34:32

csspadding

2010-08-19 11:22:19

marginpadding

2010-08-23 15:51:54

paddingmargin

2010-08-19 11:32:10

CSSpaddingmargin

2010-08-19 12:55:55

CSSMarginPadding

2010-08-24 16:35:19

paddingCSS
点赞
收藏

51CTO技术栈公众号