CSS text-decoration-thickness 属性

CSS text-decoration-thickness 属性定义了一个文本装饰的粗细程度，比如下划线、删除线等等。

该属性可以为下列 CSS 属性设置长度单位：

• text-decoration-line
• text-decoration-skip-ink
• text-decoration-color

语法

text-decoration-thickness: <length> | auto | from-font;

• <length>：指定一个长度值。
• auto：长度值不是 0，也不依赖于字体大小来确定其值（默认值）。
• from-font：根据当前字体大小自动计算长度值。

示例

a {
  text-decoration-line: underline;
  text-decoration-thickness: 2px;
}

上述示例会将链接下划线设置为 2 像素粗。

del {
  text-decoration-line: line-through;
  text-decoration-thickness: 0.125rem;
}

上述示例会将所有已删除的文本行删除线设置为 0.125 个 REM 粗。

浏览器兼容性

该属性的浏览器兼容性可以参考：Can I Use?。

总结

text-decoration-thickness 属性是一个很实用的属性，可以帮助开发者控制文本的装饰效果。使用该属性时需要根据实际情况选择合适的属性值，同时需要注意浏览器兼容性问题。