css border-left-width属性怎么用-前端教程

最新推荐文章于 2024-08-16 23:06:16 发布

猿说前端

最新推荐文章于 2024-08-16 23:06:16 发布

阅读量720

点赞数

文章标签： css html 前端 web前端前端开发

本文链接：https://blog.csdn.net/ITZ1992/article/details/107509671

版权

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前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入学习。

点击：加入

猿说前端

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css border-left-width属性怎么用-前端教程

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，边框宽度会
复制链接

扫一扫