text-decoration
text-decoration 属性用于设置元素中文本的修饰线外观,是 text-decoration-line、text-decoration-color、text-decoration-style、text-decoration-thickness 属性的缩写。
uni-app x 兼容性
| Web | Android | iOS | HarmonyOS | HarmonyOS(Vapor) |
| 4.0 | x | x | x | x |
语法
示例源码如下,请查看 pre > code 标签中的内容
text-decoration: <'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> || <'text-decoration-thickness'>;
值限制
text-decoration 的属性值
| 名称 | 兼容性 | 描述 |
| dashed | |
Web
|
Android
|
iOS
|
HarmonyOS
|
HarmonyOS(Vapor)
| | 4.0 | - | - | - | - |
| 虚线。 |
| dotted | |
Web
|
Android
|
iOS
|
HarmonyOS
|
HarmonyOS(Vapor)
| | 4.0 | - | - | - | - |
| 点划线。 |
| double | |
Web
|
Android
|
iOS
|
HarmonyOS
|
HarmonyOS(Vapor)
| | 4.0 | - | - | - | - |
| 双实线。 |
| line-through | |
Web
|
Android
|
iOS
|
HarmonyOS
|
HarmonyOS(Vapor)
| | 4.0 | - | - | - | - |
| 贯穿文本中间的线。 |
| none | |
Web
|
Android
|
iOS
|
HarmonyOS
|
HarmonyOS(Vapor)
| | 4.0 | - | - | - | - |
| 不画线。 |
| overline | |
Web
|
Android
|
iOS
|
HarmonyOS
|
HarmonyOS(Vapor)
| | 4.0 | - | - | - | - |
| 在文本的上方的线。 |
| solid | |
Web
|
Android
|
iOS
|
HarmonyOS
|
HarmonyOS(Vapor)
| | 4.0 | - | - | - | - |
| 实线。 |
| underline | |
Web
|
Android
|
iOS
|
HarmonyOS
|
HarmonyOS(Vapor)
| | 4.0 | - | - | - | - |
| 下滑线。 |
| wavy | |
Web
|
Android
|
iOS
|
HarmonyOS
|
HarmonyOS(Vapor)
| | 4.0 | - | - | - | - |
| 波浪线。 |
| text-decoration-line | |
Web
|
Android
|
iOS
|
HarmonyOS
|
HarmonyOS(Vapor)
| | 4.0 | - | - | - | - |
| 设置使用的装饰类型,例如 underline 或者 line-through。 |
| text-decoration-color | |
Web
|
Android
|
iOS
|
HarmonyOS
|
HarmonyOS(Vapor)
| | 4.0 | - | - | - | - |
| 设置装饰的颜色。 |
| text-decoration-style | |
Web
|
Android
|
iOS
|
HarmonyOS
|
HarmonyOS(Vapor)
| | 4.0 | - | - | - | - |
| 设置装饰的线条的颜色,例如 solid、wavy 或者 dashed。 |
| text-decoration-thickness | |
Web
|
Android
|
iOS
|
HarmonyOS
|
HarmonyOS(Vapor)
| | 4.0 | - | - | - | - |
| 设置用于装饰的线条粗细。 |
App平台差异
App平台不支持 text-decoration 简写样式,仅支持 text-decoration-line 设置修饰线类型。
参见