Können Sie CSS-Werte mithilfe von HTML5-Datenattributen festlegen?

CSS-Werte mithilfe von HTML5-Datenattributen festlegen

Kürzlich tauchte eine Frage hinsichtlich der Machbarkeit des Festlegens von CSS-Werten mithilfe der Datenattribute von HTML5 auf. Wie in der Frage erwähnt, funktionieren Versuche, CSS-Eigenschaften wie „width“ mithilfe der „attr(data-width)“-Notation festzulegen, derzeit nicht.

Das W3C CSS Values ​​and Units Module Level 3 (CSS3 Values) enthält eine Bestimmung für diese Funktion, wie in https://www.w3.org/TR/css3-values/#attr-notation beschrieben.

Theoretisch sollte Code wie der folgende funktionieren :

HTML

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

CSS

div { width: attr(data-width) }

Obwohl es Teil eines Standards ist, ist diese Funktion leider nicht verfügbar befindet sich noch im Entwurfsstadium und ist in den gängigen Browsern noch nicht vollständig implementiert. Es funktioniert jedoch beim Festlegen von Inhalten auf Pseudoelementen:

CSS

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

Das obige ist der detaillierte Inhalt vonKönnen Sie CSS-Werte mithilfe von HTML5-Datenattributen festlegen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!