css border-left-width属性怎么用

在学习web前端有不懂的地方或者遇到问题可以找我,本人前端已经从业8年,有丰富的经验,资料笔记,视频,需要的欢迎加入我的web前端学习群 点击进入1045267283

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

1.css border-left-width属性值

thin:细的左边框。

medium:中等的左边框(默认)。

thick :粗的左边框。

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

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

语法格式

1.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>


相关内容链接,希望能帮助大家!

html表格合并单元格的方法

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容