Mfano wa CSS text-decoration-line

Muhtasari na mashahari

Propati text-decoration-line inayofanya kuweka aina ya text-decoration (mzinga, mchele, mchungu).

Mwongozo:Tafuta pia text-decoration propati, inayowakilisha text-decoration-line, text-decoration-style na text-decoration-color.

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

另请参阅：

CSS 教程：Matukio ya 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"

浏览器支持

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

Mafanikio ya -webkit- au -moz- ni maneno ya kuanzia na kuzaliwa wa kufungua kichwa kwa sababu ya kufungua kichwa.

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