text-decoration

text-decoration 简写 CSS 属性设置文本上的装饰性线条的外观。它是 text-decoration-line、text-decoration-color、text-decoration-style 和较新的 text-decoration-thickness 属性的缩写。

Syntax

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

Values

dashed Produces a dashed line style.

dotted Produces a dotted line.

double Produces a double line.

line-through Each line of text has a line through the middle.

none Produces no line.

overline Each line of text has a line above it.

solid Produces a solid line.

underline Each line of text is underlined.

wavy Produces a wavy line.

text-decoration-line 设置使用的装饰类型，例如 underline 或者 line-through。

text-decoration-color 设置装饰的颜色。

text-decoration-style 设置装饰的线条的颜色，例如 solid、wavy 或者 dashed。

text-decoration-thickness 设置用于装饰的线条粗细。

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	5.0	√	x	9.0	√	-

App平台差异

text-decoration 样式不支持继承

See also

• MDN Reference
• Related Bug