css中border-left-width属性的使用方法

这篇文章主要介绍了css中border-left-width属性的使用方法，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

css border-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属性值不允许为负长度值。

css border-left-width属性值

thin：细的左边框。

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

thick ：粗的左边框。

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

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

语法格式

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

实例

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>css border-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>
<p id="blw1">细的左边框</p>
<p id="blw2">中等的左边框（默认）</p>
<p id="blw3">粗的左边框</p>
<p id="blw4">自定义左边框的宽度</p>
</body>
</html>

运行结果

感谢你能够认真阅读完这篇文章，希望小编分享css中border-left-width属性的使用方法内容对大家有帮助，同时也希望大家多多支持亿速云，关注行业资讯频道，遇到问题就找亿速云，详细的解决方法等着你来学习!

css中border-left-width属性的使用方法

相关推荐