Properties
边框宽度 / 边框圆角
这些属性用于定义 PLCVisu 中控件的边框样式。
常规行为
要使边框(颜色、圆角或样式)可见,必须设置一个有效的 Border Width(边框宽度)。
如果 [code_block_0] 留空或设置为 [code_block_1],边框将不会显示,即使已设置颜色或圆角。
注意:即使已经正确设置 [code_block_0] 和 [code_block_3],如果边框颜色为白色,也可能看不到边框效果,尤其是在白色背景下的控件中。
建议设置对比度更高的边框颜色(如黑色或深灰色)以确保可见性。
支持的格式与单位
[code_block_0] 和 [code_block_3] 均支持标准 CSS 语法:
支持的单位:
- 绝对单位:[code_block_6]、[code_block_7]、[code_block_8]、[code_block_9]、[code_block_10]
- 相对单位:[code_block_11]、[code_block_12]、[code_block_13]、[code_block_14]
- 关键词(仅限 Border Width):[code_block_15]、[code_block_16]、[code_block_17]
值格式说明:
- 单值:应用于四个方向(如 [code_block_18])
- 双值:上下 & 左右(如 [code_block_19])
- 三值:上,左右,下(如 [code_block_20])
- 四值:上,右,下,左(如 [code_block_21])
具体行为可参考 [link_0] 和 [link_1],前提是控件本身支持。
⚠️ 使用 [code_block_14] 作为 [code_block_3] 时效果依赖控件形状,对于非正方形控件应谨慎使用。
示例
[code_block_24]
表示:
- 上下边框宽度为 2px,左右无边框
- 圆角大小根据字体大小 ([code_block_11]) 缩放
渲染说明
- 请确保 [code_block_26] 设置为可见颜色(避免白底白边)。
- 若设置了边框宽度但未指定颜色,将使用默认颜色(通常为白色或主题色)。
- 边框样式(如 solid、dashed)通过全局样式或 CSS 类控制,不能直接在此字段中设置。
已确认支持的格式表
| 值类型 | px | em | ex | rem | % | thin | medium | thick |
|---|---|---|---|---|---|---|---|---|
| Border Width | ✔︎ | ✔︎ | ✔︎ | ✔︎ | – | ✔︎ | ✔︎ | ✔︎ |
| Border Radius | ✔︎ | ✔︎ | ✔︎ | ✔︎ | ✔︎ | – | – | – |
注意: [code_block_15]、[code_block_16]、[code_block_17] 为关键词,不可添加数值前缀(例如 [code_block_30] 是无效的)。