css padding-top属性设置元素顶部内边距

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

padding-top属性定义及用法

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

padding-top相似属性

padding-top属性语法格式

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

属性值说明

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

实例:

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

运行结果:

css padding-top属性设置元素顶部内边距

 

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

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

发表评论


表情