Bolehkah Anda Tetapkan Nilai CSS Menggunakan Atribut Data HTML5?

Menetapkan Nilai CSS menggunakan Atribut Data HTML5

Baru-baru ini, timbul persoalan mengenai kebolehlaksanaan menetapkan nilai CSS menggunakan atribut data HTML5. Seperti yang dinyatakan oleh soalan, percubaan untuk menetapkan sifat CSS seperti "lebar" menggunakan tatatanda "attr(lebar data)" tidak berfungsi pada masa ini.

Walau bagaimanapun, Modul Nilai dan Unit W3C CSS Tahap 3 (CSS3 Values) memang termasuk peruntukan untuk ciri ini, seperti yang digariskan dalam https://www.w3.org/TR/css3-values/#attr-notation.

Secara teori, kod seperti berikut harus berfungsi :

HTML

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

CSS

div { width: attr(data-width) }

Malangnya, walaupun menjadi sebahagian daripada standard, ciri ini masih dalam bentuk draf dan tidak dilaksanakan sepenuhnya dalam pelayar utama. Walau bagaimanapun, ia berfungsi apabila menetapkan kandungan pada elemen pseudo:

CSS

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

Atas ialah kandungan terperinci Bolehkah Anda Tetapkan Nilai CSS Menggunakan Atribut Data HTML5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!