On this page

边框

边框样式

用于控制元素边框样式的功能类。

使用前缀

为了防止和开发者项目中的其他原子化样式语法冲突，样式库默认添加了前缀 lwu，使用示例如下：

vue

<view class="lwu-flex"></view>

语法

border

Class	Properties	平台兼容性说明
border-solid	border-style: solid	H5、小程序、app-vue、app-nvue
border-dashed	border-style: dashed	H5、小程序、app-vue、app-nvue
border-dotted	border-style: dotted	H5、小程序、app-vue、app-nvue
border-double	border-style: double	H5、小程序、app-vue
border-none	border-style: none	H5、小程序、app-vue

border-t

Class	Properties	平台兼容性说明
border-t-solid	border-top-style: solid	H5、小程序、app-vue、app-nvue
border-t-dashed	border-top-style: dashed	H5、小程序、app-vue、app-nvue
border-t-dotted	border-top-style: dotted	H5、小程序、app-vue、app-nvue
border-t-double	border-top-style: double	H5、小程序、app-vue
border-t-none	border-top-style: none	H5、小程序、app-vue

border-r

Class	Properties	平台兼容性说明
border-r-solid	border-right-style: solid	H5、小程序、app-vue、app-nvue
border-r-dashed	border-right-style: dashed	H5、小程序、app-vue、app-nvue
border-r-dotted	border-right-style: dotted	H5、小程序、app-vue、app-nvue
border-r-double	border-right-style: double	H5、小程序、app-vue
border-r-none	border-right-style: none	H5、小程序、app-vue

border-b

Class	Properties	平台兼容性说明
border-b-solid	border-bottom-style: solid	H5、小程序、app-vue、app-nvue
border-b-dashed	border-bottom-style: dashed	H5、小程序、app-vue、app-nvue
border-b-dotted	border-bottom-style: dotted	H5、小程序、app-vue、app-nvue
border-b-double	border-bottom-style: double	H5、小程序、app-vue
border-b-none	border-bottom-style: none	H5、小程序、app-vue

border-l

Class	Properties	平台兼容性说明
border-l-solid	border-left-style: solid	H5、小程序、app-vue、app-nvue
border-l-dashed	border-left-style: dashed	H5、小程序、app-vue、app-nvue
border-l-dotted	border-left-style: dotted	H5、小程序、app-vue、app-nvue
border-l-double	border-left-style: double	H5、小程序、app-vue
border-l-none	border-left-style: none	H5、小程序、app-vue