Skip to content
On this page

边框

边框厚度

用于控制元素边框宽度的功能类。

使用前缀

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

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

语法

border

ClassProperties平台兼容性说明
border-0border-width: 0pxH5、小程序、app-vue、app-nvue
border-2border-width: 2pxH5、小程序、app-vue、app-nvue
border-4border-width: 4pxH5、小程序、app-vue、app-nvue
border-8border-width: 8pxH5、小程序、app-vue、app-nvue
borderborder-width: 1pxH5、小程序、app-vue、app-nvue

border-t

ClassProperties平台兼容性说明
border-t-0border-top-width: 0pxH5、小程序、app-vue、app-nvue
border-t-2border-top-width: 2pxH5、小程序、app-vue、app-nvue
border-t-4border-top-width: 4pxH5、小程序、app-vue、app-nvue
border-t-8border-top-width: 8pxH5、小程序、app-vue、app-nvue
border-tborder-top-width: 1pxH5、小程序、app-vue、app-nvue

border-r

ClassProperties平台兼容性说明
border-r-0border-right-width: 0pxH5、小程序、app-vue、app-nvue
border-r-2border-right-width: 2pxH5、小程序、app-vue、app-nvue
border-r-4border-right-width: 4pxH5、小程序、app-vue、app-nvue
border-r-8border-right-width: 8pxH5、小程序、app-vue、app-nvue
border-rborder-right-width: 1pxH5、小程序、app-vue、app-nvue

border-b

ClassProperties平台兼容性说明
border-b-0border-bottom-width: 0pxH5、小程序、app-vue、app-nvue
border-b-2border-bottom-width: 2pxH5、小程序、app-vue、app-nvue
border-b-4border-bottom-width: 4pxH5、小程序、app-vue、app-nvue
border-b-8border-bottom-width: 8pxH5、小程序、app-vue、app-nvue
border-bborder-bottom-width: 1pxH5、小程序、app-vue、app-nvue

border-l

ClassProperties平台兼容性说明
border-l-0border-left-width: 0pxH5、小程序、app-vue、app-nvue
border-l-2border-left-width: 2pxH5、小程序、app-vue、app-nvue
border-l-4border-left-width: 4pxH5、小程序、app-vue、app-nvue
border-l-8border-left-width: 8pxH5、小程序、app-vue、app-nvue
border-lborder-left-width: 1pxH5、小程序、app-vue、app-nvue