可以使用 HTML5 資料屬性直接指派 CSS 值嗎？

使用 HTML5 資料屬性存取 CSS 值

在 CSS 中，可以使用 attr() 函數從 HTML5 資料屬性中擷取值。此功能對於根據 HTML 標籤中儲存的資訊動態控制 CSS 屬性非常有用。

但是，以前不可能直接使用資料屬性來指派 CSS 值。若要確定是否已實現此功能，可以檢查以下 CSS 程式碼：

<code class="css">width: attr(data-width);</code>

此程式碼嘗試根據 data-width 屬性的值設定元素的寬度屬性。如果支援該功能，寬度應反映 HTML 中指定的值。

在提供的 HTML 範例中：

<code class="html"><div data-width="600px"></div></code>

如果瀏覽器支持，寬度屬性應擴展到 600 像素使用資料屬性來分配 CSS 值。然而，目前主流瀏覽器的實作並不支援此功能。

幸運的是，CSS3 Values 草稿中指定了從資料屬性存取 CSS 值的能力。因此，預計未來的瀏覽器版本將提供全面支援。

值得注意的是，使用資料屬性檢索偽元素的內容目前已經可以使用，儘管 CSS 值分配尚未得到廣泛支援。

以上是可以使用 HTML5 資料屬性直接指派 CSS 值嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！