常见的值包括:
- solid:默认值,表示使用实线作为装饰线。
- double:表示使用双实线作为装饰线。
- dotted:表示使用点状线作为装饰线。
- dashed:表示使用虚线作为装饰线。
- wavy:表示使用波浪线作为装饰线。
示例:
/* 设置链接文本的下划线为双实线 */
a {
text-decoration-line: underline;
text-decoration-style: double;
}
/* 设置删除线为虚线 */
.strikethrough-text {
text-decoration-line: line-through;
text-decoration-style: dashed;
}
/* 设置文本下划线为波浪线 */
.wavy-text {
text-decoration-line: underline;
text-decoration-style: wavy;
}
这些样式规则将影响相应元素内文本的装饰线样式。需要注意的是,text-decoration-style 可以与 text-decoration-line 和 text-decoration-color 一起使用,以进一步定制文本装饰的外观。
转载请注明出处:http://www.zyzy.cn/article/detail/4262/CSS