可以使用 HTML5 数据属性设置 CSS 值吗？

Linda Hamilton

发布： 2024-11-07 03:33:03

原创

758 人浏览过

Can You Set CSS Values Using HTML5 Data Attributes?

使用 HTML5 数据属性设置 CSS 值

最近出现了一个关于使用 HTML5 数据属性设置 CSS 值的可行性的问题。正如问题所提到的，尝试使用“attr(data-width)”符号设置“宽度”等 CSS 属性目前不起作用。

但是，W3C CSS 值和单位模块级别 3 (CSS3 Values）确实包含此功能的规定，如 https://www.w3.org/TR/css3-values/#attr-notation 中所述。

理论上，如下代码应该可以工作:

HTML

<div data-width="600px"></div>

登录后复制

CSS

div { width: attr(data-width) }

登录后复制

不幸的是，尽管是标准的一部分，但此功能仍处于草案形式，尚未在主要浏览器中完全实现。但是，在伪元素上设置内容时它确实起作用：

CSS

input::before { content: attr(data-placeholder) }

登录后复制

以上是可以使用 HTML5 数据属性设置 CSS 值吗？的详细内容。更多信息请关注PHP中文网其他相关文章！

来源：php.cn

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

作者最新文章