设置 border 边框单侧样式 - HarmonyOSNext

设置 border 边框单侧样式,通过 api 中查看 border(value: BorderOptions): T;

BorderOptions 又包含了若干个子属性

1.width?: EdgeWidths | Length;

2.color?: EdgeColors | ResourceColor;

3.radius?: BorderRadiuses | Length;

4.style?: EdgeStyles | BorderStyle;

其中 EdgeStyles 可以分别针对上下左右进行设置

以底部边框样式为例,具体实现如下

复制代码
// 以底部边框为例,实现如下
.border({width:{bottom: '2'}})

以上便是此次分享的全部内容,希望能对大家有所帮助!

相关推荐
姑苏洛言5 分钟前
编写产品需求文档:黄历日历小程序
前端·javascript·后端
知识分享小能手28 分钟前
Vue3 学习教程,从入门到精通,使用 VSCode 开发 Vue3 的详细指南(3)
前端·javascript·vue.js·学习·前端框架·vue·vue3
姑苏洛言1 小时前
搭建一款结合传统黄历功能的日历小程序
前端·javascript·后端
你的人类朋友2 小时前
🤔什么时候用BFF架构?
前端·javascript·后端
知识分享小能手2 小时前
Bootstrap 5学习教程,从入门到精通,Bootstrap 5 表单验证语法知识点及案例代码(34)
前端·javascript·学习·typescript·bootstrap·html·css3
一只小灿灿2 小时前
前端计算机视觉:使用 OpenCV.js 在浏览器中实现图像处理
前端·opencv·计算机视觉
前端小趴菜053 小时前
react状态管理库 - zustand
前端·react.js·前端框架
Jerry Lau3 小时前
go go go 出发咯 - go web开发入门系列(二) Gin 框架实战指南
前端·golang·gin
我命由我123454 小时前
前端开发问题:SyntaxError: “undefined“ is not valid JSON
开发语言·前端·javascript·vue.js·json·ecmascript·js