常见的值包括:
- 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