text-decoration-line

CSS 属性 text-decoration-line 用于设置元素中的文本的修饰类型。当要设置多个线修饰属性时，用 text-decoration 简写属性会比分别写多个属性更方便。

Syntax

text-decoration-line: none | [ underline || overline || line-through || blink ] | spelling-error | grammar-error;

Values

underline 在文本的下方有一条修饰线。

line-through 有一条贯穿文本中间的修饰线。

overline 在文本的上方有一条修饰线。

default

Platform	default
app-uvue	none
web	none

Applicable components

• text
• button

Compatibility

uni-app compatibility

	Android version	Android uni-app	Android uni-app-x	iOS version	iOS uni-app	iOS uni-app-x
text-decoration-line	5.0	√	3.9+	9.0	√	-
overline	5.0	√	x	9.0	√	x

Browser compatibility

	Chrome	Edge	Firefox	Opera	Safari	IE
text-decoration-line	√（ 57 ）	√（ 79 ）	√（ 36 ）	√（ 44 ）	√（ 12.1 ）	x

App平台差异

• text-decoration-line 样式不支持继承
• App平台仅支持underline和line-through属性

See also

• MDN Reference
• Related Bug