# border-width

border-width 属性可以设置盒子模型的边框宽度。

# uni-app x 兼容性

Android iOS web
3.9 4.11 4.0

# 语法

border-width: <line-width>{1,4};

# border-width 的属性值

thin 细边线

medium 中等边线

thick 宽边线

# 默认值

medium

注意

  • App平台,HBuilderX3.92及以前版本默认值为0px;HBuilderX3.93+版本调整默认值为thin;HBuilderX4.0+版本调整默认值为medium,与W3C规范保持一致。
  • Android平台Chrome浏览器或内置Webview中,实际默认值不是medium,是根据设备自动计算的介于thin和medium中间的值。这与W3C规范不符,在uni-app x编译到web时,对其进行了css重置,调整默认值为medium。

# 兼容性

# border-width 的属性值兼容性

Android iOS web
thin 3.93 4.11 4.0
medium 3.93 4.11 4.0
thick 3.93 4.11 4.0

# 浏览器兼容性

Chrome Edge Firefox Opera Safari IE
border-width √( 1 ) √( 12 ) √( 1 ) √( 3.5 ) √( 1 ) √( 4 )

# 参见