设置 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'}})

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

相关推荐
freeWayWalker3 分钟前
【前端工程化】前端代码规范与静态检查
前端·代码规范
C2X8 分钟前
关于Git Graph展示图的理解
前端·git
昊茜Claire9 分钟前
鸿蒙开发之:性能优化与调试技巧
前端
雲墨款哥10 分钟前
从一行好奇的代码说起:Vue怎么没有React的<StrictMode/>
前端
小肥宅仙女10 分钟前
告别繁琐!React 19 新特性对比:代码量减少 50%,异步状态从此自动管理
前端·react.js
ohyeah20 分钟前
柯理化(Currying):让函数参数一个一个传递
前端·javascript
w1395485642233 分钟前
Flutter跨平台开发鸿蒙化JS-Dart通信桥接组件使用指南
javascript·flutter·harmonyos
9坐会得自创1 小时前
使用marked将markdown渲染成HTML的基本操作
java·前端·html
Hilaku1 小时前
当 Gemini 3 能写出完美 CSS 时,前端工程师剩下的核心竞争力是什么?
前端·javascript·ai编程
最贪吃的虎1 小时前
什么是开源?小白如何快速学会开源协作流程并参与项目
java·前端·后端·开源