css border-left-width属性怎么用

2020-07-22 22:39:14

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>

运行结果

7d46959f7bf1f37bf5f104189e60f89.png