CSS text-decoration-line 属性
实例
设置不同的 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;
}
亲自试一试 »
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 属性设置要使用哪种文本装饰的类型（下划线、上划线、穿线）。
提示: 同时请参阅 text-decoration 属性，它是 text-decoration-line, text-decoration-style, text-decoration-color 的简写属性。
注释: 您还可以组合多个值，比如 underline 和 overline，在文本上下方同时显示线条。
| 默认值: | none |
|---|---|
| 继承性: | no |
| 支持动画: | no. 阅读有关动画的信息 |
| 版本: | CSS3 |
| JavaScript 语法: | object.style.textDecorationLine="overline" 测试一下 |
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
紧跟在 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。
| 属性 | |||||
|---|---|---|---|---|---|
| text-decoration-line | 57.0 | 79.0 | 36.0 6.0 -moz- |
7.1 -webkit- | 44.0 |
语法
text-decoration-line: none|underline|overline|line-through|initial|inherit;
属性值
| 值 | 描述 | 试一试 |
|---|---|---|
| none | 默认值。规定 text-decoration 没有线条。 | 亲自试一试 » |
| underline | 规定在文本下方显示线条。 | 亲自试一试 » |
| overline | 规定在文本上方显示线条。 | 亲自试一试 » |
| line-through | 规定显示横穿文本的线条。 | 亲自试一试 » |
| initial | 将此属性设置为其默认值。请参阅 initial | 亲自试一试 » |
| inherit | 从其父元素继承此属性。请参阅 inherit |
相关页面
CSS 教程: CSS 文本
HTML DOM 参考手册: textDecorationLine 属性
