text-decoration-style 是一个CSS属性,用于设置文本装饰线的样式,例如下划线、删除线等。

常见的值包括:

  •  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