文本装饰：下划线具有未记录的线宽属性

Question

我想在我的 css 文件中控制下划线属性的线条粗细。我只是尝试了这样的东西......

h1{
  text-decoration: underline black 1px; 
}

...它成功了！

但是，当我尝试验证我的 CSS 文件时，W3C CSS 验证器指示“1px”属性不是有效的文本装饰值。我也找不到线粗是text-decoration's properties 的一部分。然而，我发现它可以在 Chrome、Firefox 和 Edge 上运行。

任何人都可以解释为什么没有记录且未验证的 CSS 属性仍然有效吗？

Answer 1

可以通过text-decoration-thickness属性控制厚度。
带有的颜色：text-decoration-color 属性。

h1 {
  text-decoration: underline;
  text-decoration-thickness: 50px;
  text-decoration-color: red;
}

<h1>Our Elixirs</h1>

现代浏览器具有非常好的 UA（用户代理 = 默认 CSS）来纠正大多数标记错误。但是，查找文档的最佳位置是 MDN Web Docs

Answer 2

MDN 列出它。

如果你想更安全，可以单独定义text-decoration-thickness。

任何人都可以解释为什么没有记录且未验证的 CSS 属性仍然有效吗？

这就是适合您的现代网络开发。