text-decoration-line

# text-decoration-line

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

# uni-app x 兼容性

Web	Android	iOS
4.0	3.9	4.11

# 语法

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

# text-decoration-line 的属性值

名称

兼容性

描述

underline

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

line-through

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

overline

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

# 默认值

none

# 适用组件

text
button

# 示例

hello uni-app x

Template

Script

<template>
	<view style="flex-grow: 1;">
		<view style="height: 250px;background-color: gray;justify-content: center;align-items: center;">
			<text class="common" style="text-decoration-line: underline;">text-decoration-line: underline</text>
			<text class="common" style="text-decoration-line: line-through;">text-decoration-line: line-through</text>
		</view>
	</view>
</template>



<style>
	.common {
		font-size: 20px;
	}
</style>