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>
一个人学习会有迷茫,动力不足。这里推荐一下我的前端学习交流qun:731771211 ,里面都是学习前端的,如果你想制作酷炫的网页,想学习编程。整理了一份最新最全面前端学习资料,从最基础的HTML+CSS+JS【炫酷特效,游戏,插件封装,设计模式】到移动端HTML5的项目实战的学习资料都有整理,送给每一位前端小伙伴,有想学习web前端的,或是转行,或是大学生,还有工作中想提升自己能力的,正在学习的小伙伴欢迎加入学习。
点击:加入