css中的border-left-width属性怎么用

发布时间：2022-02-25 11:31:51 作者：小新
来源：亿速云阅读：167

这篇文章将为大家详细讲解有关css中的border-left-width属性怎么用，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

　　cssborder-left-width定义及用法

　　1、在css中，border-left-width属性是用来设置元素的左边框的宽度。相似的属性有：border-top-width属性、border-bottom-width属性、border-right-width属性，其用法和border-left-width属性一样。

　　2、border-left-width属性设置之前要先设置边框样式（border-style或border-left-style）才会有效果，不然边框样式是none，边框宽度会被重置为0。可以这样理解：必须要先有边框才会有边框宽度。

　　3、border-left-width属性值不允许为负长度值。

　　cssborder-left-width属性值

　　thin：细的左边框。

　　medium：中等的左边框（默认）。

　　thick：粗的左边框。

　　length：自定义左边框的宽度。

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

　　语法格式

　　border-left-width:thin/medium/length/inherit;

　　实例

　　<!doctypehtml>

　　<html>

　　<head>

　　<metacharset="UTF-8">

　　<title>cssborder-left-width属性笔记</title>

　　<style>

　　p{border-style:solid;}

　　#blw1{border-left-width:thin;}

　　#blw2{border-left-width:medium;}

　　#blw3{border-left-width:thick;}

　　#blw4{border-left-width:10px;}

　　</style>

　　<head/>

　　<body>

　　<pid="blw1">细的左边框</p>

　　<pid="blw2">中等的左边框（默认）</p>

　　<pid="blw3">粗的左边框</p>

　　<pid="blw4">自定义左边框的宽度</p>

　　</body>

　　</html>

关于“css中的border-left-width属性怎么用”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

相关阅读