text-decoration

text-decoration 属性定义文本是否用下划线、上划线和/或删除线装饰。它是 text-decoration-line 和 text-decoration-style 属性的简写。

文本装饰的填充和描边由在声明文本装饰的位置的文本的填充和描边给出。

文本装饰的绘制顺序，即填充和描边，由在声明文本装饰的位置的paint-order 属性的值确定。

注意：作为呈现属性，text-decoration 可以用作 CSS 属性。有关更多信息，请参阅 CSS text-decoration 属性。

您可以将此属性与以下 SVG 元素一起使用

示例

html,
body,
svg {
  height: 100%;
}

html

<svg viewBox="0 0 250 50" xmlns="http://www.w3.org/2000/svg">
  <text y="20" text-decoration="underline">Underlined text</text>
  <text x="0" y="40" text-decoration="line-through">Struck-through text</text>
</svg>

用法说明

值	`<'text-decoration-line'>` \|\| `<'text-decoration-style'>` \|\| `<'text-decoration-color'>`
默认值	请参阅各个属性
可动画	是

有关值的描述，请参阅 CSS text-decoration 属性。

规范

规范
CSS 文本装饰模块级别 3 # text-decoration-property
可缩放矢量图形 (SVG) 2 # TextDecorationProperties

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅

text-decoration