举报投诉联系我们 手机版 热门标签 鳄鱼CMS
您的位置:鳄鱼CMS > css padding-bottom CSS padding-bottom 属性

css padding-bottom CSS padding-bottom 属性

2023-03-11 13:31 CSS参考手册

css padding-bottom CSS padding-bottom 属性

css padding-bottom

CSS padding-bottom 属性是用来设置元素的内边距(padding)的下部分。它可以控制元素内容与元素边框之间的间距。

padding-bottom 属性可以使用任何长度单位,包括像素(px)、百分比(%)、em 或 rem 等。如果未明确指定 padding-bottom 的值,则默认值为 0。

.example { 
    padding-bottom: 10px; 
} 

上面的代码将元素的 padding-bottom 设置为 10px。这意味着在该元素的底部会有 10px 的内边距。

padding-bottom 属性也可以使用 inherit 关键字来表明该属性应该从其最近的已定义的上下文中继承值。例如:

 
.example { 
    padding-bottom: inherit; 
} 
 

上面的代码将元素的 padding-bottom 设为 inherit ,这意味着该元素将从最近已定义上下文中复制 padding-bottom 的值。

此外,padding-bottom 属性也可以使用 auto 关键字来表明该属性应该根据浏览器或用户代理来决定大小。例如:

.example { 
    padding-bottom: auto; 
} 

上面的代码将元素的 padding-bottom 设为 auto ,这意味着浏览器或用户代理将根据当前情况来决定该元素应有多大的内边距。

因此,CSS padding-bottom 属性是一个很强大而又很方便使用的工具,可以帮助开发人员在不同情况下快速地对 HTML 元素进行布局并保持一致性。

CSS padding-bottom 属性

CSS padding-bottom 属性

实例

设置一个P元素的底部填充:p>

p
{
padding-bottom:2cm;
}


属性定义及使用说明

padding-bottom属性设置元素的底部内边距(底部空白)

注意: 负值是不允许的。

默认值: 0
继承: no
版本: CSS1
JavaScript 语法: object.style.paddingBottom="2cm"


浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

属性          
padding-bottom 1.0 4.0 1.0 1.0 3.5

属性值

描述
length规定以具体单位计的固定的下内边距值,比如像素、厘米等。默认值是 0px。
%定义基于父元素宽度的百分比下内边距。此值不会如预期地那样工作于所有的浏览器中。
inherit规定应该从父元素继承下内边距。


相关文章

CSS 教程: CSS Padding

阅读全文
以上是鳄鱼CMS为你收集整理的css padding-bottom CSS padding-bottom 属性全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 鳄鱼CMS eyucms.com 版权所有 联系我们