# border-left-style

设置元素左边框的样式。

# uni-app x 兼容性

Android iOS web
3.9 4.11 4.0

# 语法

border-left-style: <line-style>;

# border-left-style 的属性值

none 和关键字 hidden 类似,不显示边框。在这种情况下,如果没有设定背景图片,border-width 计算后的值将是 0,即使先前已经指定过它的值。在单元格边框重叠情况下,none 值优先级最低,意味着如果存在其他的重叠边框,则会显示为那个边框。

solid 显示为一条实线。

dashed 显示为一系列短的方形虚线。标准中没有定义线段的长度和大小,视不同实现而定。

dotted 显示为一系列圆点。标准中没有定义两点之间的间隔大小,视不同实现而定。圆点半径是 border-width 计算值的一半。

# 兼容性

# border-left-style 的属性值兼容性

Android iOS web
none 3.9 4.11 4.0
solid 3.9 4.11 4.0
dashed 3.9 4.11 4.0
dotted 3.9 4.11 4.0

# 浏览器兼容性

Chrome Edge Firefox Opera Safari IE
border-left-style √( 1 ) √( 12 ) √( 1 ) √( 9.2 ) √( 1 ) √( 5.5 )

# 参见