CSS中padding-bottom属性如何使用

这篇文章给大家介绍CSS中padding-bottom属性如何使用，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

padding-bottom属性

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

语法

{  padding-bottom:  sPadding  }

可能的值

◆sPadding

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

◆length

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

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

◆percentage

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

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

注解

不允许为负值。

示例

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

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

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

<tdonmouseovertdonmouseover="this.style.paddingTop='1cm'  "onmouseout="this.style.paddingTop=''"> <imgclass="lazy" data-srcimgclass="lazy" data-src="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

关于CSS中padding-bottom属性如何使用就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。