wps控件属性怎么用_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>

5d0fd48142d099b99492a69ead247df0.png

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

web前端学习:h5就是html5的简称吗​zhuanlan.zhihu.com
web前端学习:【面试】2020年最新web前端经典面试题试题及答案,希望能帮助到大家!(第一章)​zhuanlan.zhihu.com

在此小编再次感谢大家对我的支持,需要更多相关资料,视频请加群点击进入1045267283

5aeb3de8d32f578d99ff11a76732765f.png

2ccd9a560c522a923c82467efb4e37c4.png
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值