Bolehkah Nilai CSS Ditugaskan Terus Menggunakan Atribut Data HTML5?

Mengakses Nilai CSS dengan Atribut Data HTML5

Dalam CSS, adalah mungkin untuk mendapatkan semula nilai daripada atribut data HTML5 menggunakan fungsi attr(). Fungsi ini boleh berguna untuk mengawal sifat CSS secara dinamik berdasarkan maklumat yang disimpan dalam penanda HTML.

Walau bagaimanapun, menetapkan nilai CSS secara langsung menggunakan atribut data sebelum ini adalah mustahil. Untuk menentukan sama ada ciri ini telah dilaksanakan, kod CSS berikut boleh diperiksa:

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

Kod ini cuba menetapkan sifat lebar elemen berdasarkan nilai atribut lebar data. Jika ciri itu disokong, lebar harus mencerminkan nilai yang dinyatakan dalam HTML.

Dalam contoh HTML yang disediakan:

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

Sifat lebar harus berkembang kepada 600 piksel jika penyemak imbas menyokong menggunakan atribut data untuk menetapkan nilai CSS. Walau bagaimanapun, pelaksanaan semasa penyemak imbas utama tidak menyokong ciri ini.

Mujurlah, keupayaan untuk mengakses nilai CSS daripada atribut data dinyatakan dalam draf Nilai CSS3. Akibatnya, sokongan penuh dijangka dalam versi penyemak imbas akan datang.

Perlu diingat bahawa menggunakan atribut data untuk mendapatkan semula kandungan bagi elemen pseudo berfungsi pada masa ini, walaupun ia belum lagi disokong secara meluas untuk penetapan nilai CSS.

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