Rumah >hujung hadapan web >tutorial css >css border-left-width属性怎么用
css border-left-width属性怎么用
- silencementasal
- 2019-05-29 10:02:342249semak imbas
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>运行结果
Atas ialah kandungan terperinci css border-left-width属性怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css border-right-color属性怎么用Artikel seterusnya：css counter-increment属性怎么用