可以使用 HTML5 資料屬性來設定 CSS 值嗎？

使用 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中文網其他相關文章！