Back to Uni App

Text Decoration

docs/css/text-decoration.md

2.3.32.4 KB
Original Source

text-decoration

text-decoration 属性用于设置元素中文本的修饰线外观,是 text-decoration-line、text-decoration-color、text-decoration-style、text-decoration-thickness 属性的缩写。

uni-app x 兼容性

WebAndroidiOSHarmonyOSHarmonyOS(Vapor)
4.0xxxx

语法

text-decoration: <'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> || <'text-decoration-thickness'>;

值限制

  • enum
  • color
  • length

text-decoration 的属性值

名称兼容性描述
dashedWeb: 4.0; Android: -; iOS: -; HarmonyOS: -; HarmonyOS(Vapor): -虚线。
dottedWeb: 4.0; Android: -; iOS: -; HarmonyOS: -; HarmonyOS(Vapor): -点划线。
doubleWeb: 4.0; Android: -; iOS: -; HarmonyOS: -; HarmonyOS(Vapor): -双实线。
line-throughWeb: 4.0; Android: -; iOS: -; HarmonyOS: -; HarmonyOS(Vapor): -贯穿文本中间的线。
noneWeb: 4.0; Android: -; iOS: -; HarmonyOS: -; HarmonyOS(Vapor): -不画线。
overlineWeb: 4.0; Android: -; iOS: -; HarmonyOS: -; HarmonyOS(Vapor): -在文本的上方的线。
solidWeb: 4.0; Android: -; iOS: -; HarmonyOS: -; HarmonyOS(Vapor): -实线。
underlineWeb: 4.0; Android: -; iOS: -; HarmonyOS: -; HarmonyOS(Vapor): -下滑线。
wavyWeb: 4.0; Android: -; iOS: -; HarmonyOS: -; HarmonyOS(Vapor): -波浪线。
text-decoration-lineWeb: 4.0; Android: -; iOS: -; HarmonyOS: -; HarmonyOS(Vapor): -设置使用的装饰类型,例如 underline 或者 line-through。
text-decoration-colorWeb: 4.0; Android: -; iOS: -; HarmonyOS: -; HarmonyOS(Vapor): -设置装饰的颜色。
text-decoration-styleWeb: 4.0; Android: -; iOS: -; HarmonyOS: -; HarmonyOS(Vapor): -设置装饰的线条的颜色,例如 solid、wavy 或者 dashed。
text-decoration-thicknessWeb: 4.0; Android: -; iOS: -; HarmonyOS: -; HarmonyOS(Vapor): -设置用于装饰的线条粗细。

适用组件 @unix-tags

App平台差异

App平台不支持 text-decoration 简写样式,仅支持 text-decoration-line 设置修饰线类型。

参见