text-decoration-line 是一个CSS属性,用于设置文本装饰的线条类型,可以控制下划线、上划线和删除线的显示。

常见的值包括:

  •  none:默认值,没有任何文本装饰线。

  •  underline:在文本下方添加下划线。

  •  overline:在文本上方添加上划线。

  •  line-through:在文本中间添加删除线。

  •  underline overline:同时添加下划线和上划线。

  •  underline line-through:同时添加下划线和删除线。

  •  等等。


示例:
/* 设置链接文本的下划线 */
a {
  text-decoration-line: underline;
}

/* 设置删除线 */
.strikethrough-text {
  text-decoration-line: line-through;
}

/* 同时添加下划线和上划线 */
.double-line-text {
  text-decoration-line: underline overline;
}

这个属性提供了更精细的控制,可以单独或组合设置文本的装饰线条类型。需要注意的是,text-decoration-line 可以与 text-decoration-color 和 text-decoration-style 一起使用,以进一步定制文本装饰的样式。


转载请注明出处:http://www.zyzy.cn/article/detail/4247/CSS