CSS text-decoration-line 属性

示例

设置不同类型的文本装饰线：

div.a {
  text-decoration-line: overline;
}

div.b {
  text-decoration-line: underline;
}

div.c {
text-decoration-line: line-through;
}

div.d {
  text-decoration-line: overline underline;
}

亲自试一试 »

定义和用法

这个text-decoration-line属性设置要使用的文本修饰类型（如下划线、上划线、穿线）。

提示：另请参阅文字修饰property，它是 text-decoration-line、text-decoration-style、text-decoration-color 和 text-decoration-thickness 的简写属性。

笔记：您还可以组合多个值，例如下划线和overline 在文本下方和上方显示线条。

展示演示❯

默认值：	没有任何
遗传：	不
可动画：	不。阅读可动画的
版本：	CSS3
JavaScript 语法：	对象.style.textDecorationLine="overline"尝试一下

浏览器支持

表中的数字指定完全支持该属性的第一个浏览器版本。

后跟 -moz- 或 -webkit- 的数字指定使用前缀的第一个版本。

Property
text-decoration-line	57.0	79.0	36.0 6.0 -moz-	12.1 7.1 -webkit-	44.0

CSS 语法

属性值

Value	Description	Play it
none	Default value. Specifies no line for the text-decoration	Demo ❯
underline	Specifies that a line will be displayed under the text	Demo ❯
overline	Specifies that a line will be displayed over the text	Demo ❯
line-through	Specifies that a line will be displayed through the text	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

码农教程 - 一技在手,衣食无忧!

CSS text-decoration-line 属性

示例

定义和用法

浏览器支持

CSS 语法

属性值

相关页面