CSS text-decoration-line 属性
text-decoration-color
text-decoration-style
定义和用法
text-decoration-line 属性设置要使用哪种文本装饰的类型(下划线、上划线、穿线)。
提示:同时请参阅 text-decoration 属性,它是 text-decoration-line、text-decoration-style 以及 text-decoration-color 的简写属性。
注释:您还可以组合多个值,比如 underline 和 overline,在文本上下方同时显示线条。
另请参阅:
CSS 教程: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.06.0 -moz-
12.17.1 -webkit-
44.0
text-decoration-color
text-decoration-style