css padding-bottom属性设置元素下内边距

原创 国哥笔记  2019-03-06 13:05  阅读 386 views 次

padding-bottom属性定义及用法

在css中,padding-bottom属性是使用来设置底部内边距(底部填充)。如果需要同时设置上、右、下、左外边距,可以使用padding属性,padding属性可以将上、右、下、左外边距定义在一个声明中。

padding-bottom相似属性

padding-bottom属性语法格式

  1. css语法:padding-bottom:length/%/inherit;
  2. JavaScript语法:object.style.paddingBottom="2cm";

属性值说明

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

实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css padding-bottom属性设置元素下内边距</title>
<style type="text/css">
div{width:300px;border:1px solid #000;}
#div1{padding-bottom:20px;}
#div2{padding-bottom:50px;}
</style>
</head>
<body>
<div id="div1">css padding-bottom属性设置元素下内边距,
这是为了演示效果添加的文本</div>
<div id="div2">css padding-bottom属性设置元素下内边距,
这是为了演示效果添加的文本</div>
</body>
</html>

运行结果:

css padding-bottom属性设置元素下内边距

 

更多css属性请移步到——>css属性大全

本文地址:https://www.ggbiji.com/css-padding-bottom.html
版权声明:本文为 国哥笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情