美文网首页HarmonyOS
设置 border 边框单侧样式 - HarmonyOSNext

设置 border 边框单侧样式 - HarmonyOSNext

作者: survivorsfyh | 来源:发表于2024-05-26 14:55 被阅读0次

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

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

相关文章

  • 边框和背景

    边框 border border-width: 设置边框的宽度。 border-style: 设置边框的样式。 b...

  • CSS border(边框)样式写法总结

    border属性:在网页中设置元素的边框样式。可同时设置边框宽度、边框样式、边框颜色。也可以单独设置上边、右边、下...

  • CSS入门二

    一、CSS的样式 1、边框和尺寸   border:设置边框的样式    格式:宽度 样式 颜色      样式的...

  • Flutter-Border

    边框(Border) 单侧边框 全部边框 圆角(borderRadius) 全部圆角 单侧圆角 阴影(BoxSha...

  • 10.css盒子模型-边框常用写法及简写

    为元素设置边框要为一个元素设置边框必须指定三个样式 border-width:边框的宽度border-color:...

  • 24、CSS阴影、轮廓、圆角

    轮廓 outline 轮廓:和border一样,但是他的设置不会影响页面的布局 边框 border 边框:边框样式...

  • CSS盒子模型

    边框:环绕在标签周围的边条 设置边框一:-连写格式:同时设置4条边框{border:边框宽度 边框样式 边框颜色;...

  • 2.25笔记

    一,border-color:上右下左 顺时针顺序 设置边框颜色时必须设置边框样式, 如果未设置样式或设置为no...

  • 2.css盒模型

    1 盒子模型的概念 2.边框属性 3.边框属性—设置边框样式(border-style) 4.边框属性—设置边框样...

  • web前端入门到实战:css中border-style 属性

    border-style 属性用于设置元素所有边框的样式,或者单独地为各边设置边框样式。只有当这个值不是 none...

网友评论

    本文标题:设置 border 边框单侧样式 - HarmonyOSNext

    本文链接:https://www.haomeiwen.com/subject/edbqqjtx.html