css border-right-width属性怎么用

2024-01-18 10:13 小编

　　cssborder-right-width属性定义及用法

　　在css中，border-right-width属性是用来设置元素右边框宽度的，当我们要单独调整元素右边框的宽度的时候就可以使用该属性（注意：在使用border-right-width属性设置元素边框宽度之前，必须定义右边框（border-right-style属性），不然没有边框就没有边框宽度，border-right-width属性就不会有效果）。

　　cssborder-right-width属性语法格式

　　css语法：border-right-width:thin/medium/thick/length/inherit

　　JavaScript语法：object.style.borderRightWidth="thin/medium/thick/length/inherit"

　　cssborder-right-width属性值说明

　　thin：设置右边框为细小的

　　medium：设置右边框为中等（默认）

　　thick：设置右边框为粗大的

　　length：自定义右边框的宽度（如：10px;）

　　inherit：从父元素继承右边框宽度

　　实例

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<metacharset="utf-8"/>

　　<title>cssborder-right-width设置右边框宽度属性笔记</title>

　　<styletype="text/css">

　　body{background:#ddd;font-size:20px;}

　　#a,#b,#c,#d{margin-top:10px;width:300px;border-right-style:solid;}

　　#a{border-right-width:thin;}

　　#b{border-right-width:thick;}

　　#c{border-right-width:8px;}

　　</style>

　　</head>

　　<body>

　　<divid="a">thin：设置右边框为细小的；</div>

　　<divid="b">thick：设置右边框为粗大的；</div>

　　<divid="c">自定义右边框的宽度为8px;</div>

　　</body>

　　</html>

本文转载自中文网

Tag：怎么

返回首页上一篇：css怎么绘制斜线下一篇：css border-top-width属性怎么用

联络方式：

13363039260

微信二维码

您感兴趣的内容

13363039260

css border-right-width属性怎么用

猜你喜欢

热门话题：

联络方式：

13363039260

判断第一条数据

网站备案号

拥抱WEB标准

易优cms栏目标签调用代码

HTML 格式化标签

客服QQ