css border-left-width属性怎么用

互联网 19-5-29

css 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>

运行结果