属性 text-decoration-line CSS

Definisi dan penggunaan

Sifat text-decoration-line menetapkan jenis text-decoration yang akan digunakan (garis bawah, garis atas, atau garis melintasi).

Pengumuman:Bersama-sama rujuk ke sifat text-decoration, ia adalah sifat singkatan bagi text-decoration-line, text-decoration-style serta text-decoration-color.

注释：您还可以组合多个值，例如 underline 和 overline，同时在文本上下方显示线条。

另请参阅：

CSS 教程：Teks CSS

HTML DOM 参考手册：textDecorationLine 属性

实例

设置不同的 text-decoration 线条类型：

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;
}

亲自试一试

CSS 语法

text-decoration-line: none|underline|overline|line-through|initial|inherit;

属性值

值 描述
none 默认值。规定 text-decoration 没有线条。
underline 规定在文本下方显示线条。
overline 规定在文本上方显示线条。
line-through 规定显示横穿文本的线条。
initial 将此属性设置为其默认值。参阅 initial。
inherit 从其父元素继承此属性。参阅 inherit。

技术细节

默认值： none
继承： 否
动画制作： 不支持。请参阅：动画相关属性。
版本： CSS3
JavaScript 语法： object.style.textDecorationLine="overline"

浏览器支持

表格中的数字注明了完全支持该属性的第一个浏览器版本。

数字带有 -webkit- 或 -moz- 表示使用前缀的第一个版本。

Chrome IE / Edge Firefox Safari Opera
57.0 79.0 36.0
6.0 -moz-		 12.1
7.1 -webkit-		 44.0