详解CSS中padding-bottom属性用法

开发 前端
你对CSS中padding-bottom属性的概念及用法是否了解,这里向大家简单介绍一下,padding-bottom属性用来设置要在指明的对象边框与内容之间插入的间距量。

本文向大家描述一下CSS中padding-bottom属性的用法,它是用来设置要在指明的对象边框与内容之间插入的间距量。

padding-bottom属性

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

语法

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

可能的值

◆sPadding

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

◆length

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

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

◆percentage

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

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

注解

不允许为负值。

示例

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

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

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

  1. <tdonmouseovertdonmouseover="this.style.paddingTop='1cm' 
  2.  
  3. "onmouseout="this.style.paddingTop=''"> 
  4. <imgsrcimgsrc="sphere.jpg"> 
  5. </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. Padding与line-height的区别
  4. CSS教程:详解margin和padding属性应用场合
  5. 实现IE6、IE7、IE8多版本浏览器共存的五种方法

 

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

2010-08-23 13:40:46

CSSpadding-bot

2010-08-23 09:16:21

CSSpadding-bot

2010-08-23 13:45:28

padding-botCSSpadding-rig

2010-08-23 15:33:47

CSSpadding

2010-08-23 08:45:08

CSSpadding内边距

2010-08-20 16:29:01

padding-lef

2010-08-30 11:34:32

csspadding

2010-08-24 08:47:20

paddingCSS

2010-08-25 13:33:55

CSSpadding

2010-08-25 08:57:33

marginpadding

2010-09-08 11:06:49

CSSpaddingmargin

2010-08-23 11:16:25

padding-lef

2010-08-20 14:58:26

CSSpadding

2010-08-19 11:32:10

CSSpaddingmargin

2010-08-23 15:51:54

paddingmargin

2010-09-07 16:46:59

CSSexpression

2010-08-19 12:55:55

CSSMarginPadding

2010-08-24 08:56:22

CSSpadding

2010-08-24 16:35:19

paddingCSS

2010-08-24 13:34:11

CSSpadding
点赞
收藏

51CTO技术栈公众号