css padding-right属性设置元素右内边距

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

padding-right属性定义及用法

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

padding-right相似属性

padding-right属性语法格式

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

属性值说明

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

实例:

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

运行结果:

css padding-right属性设置元素右内边距

 

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

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

发表评论


表情