Bolehkah pembolehubah ditakrifkan dalam css?

Pembolehubah boleh ditakrifkan dalam css. Sintaks definisi pembolehubah ialah "--nama pembolehubah", dan nama pembolehubah yang ditakrifkan dalam css adalah sensitif huruf besar-besaran anda boleh menggunakan fungsi var() untuk membaca pembolehubah, sintaksnya ialah "var(--nama pembolehubah)" , anda juga boleh menggunakan fungsi Parameter kedua mewakili nilai lalai pembolehubah Jika pembolehubah tidak wujud, nilai lalai ini akan digunakan.

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.

Bolehkah pembolehubah ditakrifkan dalam css?

Pembolehubah boleh digunakan dalam css.

Apabila mengisytiharkan pembolehubah css, tambahkan dua sempang (--) di hadapan nama pembolehubah. Nama pembolehubah adalah sensitif huruf besar dan kecil, dan --header-color dan --Header-Color ialah dua pembolehubah berbeza.

fungsi var() digunakan untuk membaca pembolehubah.

Fungsi var() juga boleh menggunakan parameter kedua untuk mewakili nilai lalai pembolehubah. Jika pembolehubah tidak wujud, nilai lalai ini akan digunakan.

Parameter kedua tidak mengendalikan koma atau ruang dalaman dan ia dianggap sebagai sebahagian daripada parameter.

Contoh penggunaan pembolehubah css:

    :root{
      --base: yellow;
      --spacing: 10px;
      --blur: 10px;
    }

Kod di atas mentakrifkan 3 pembolehubah, :root menjadikannya boleh diakses oleh semua orang

    img{
      filter: blur(var(--blur));
      padding: var(--spacing);
      background: var(--base);
 
    }

Di atas menggunakan yang ditakrifkan sebelum ini Pembolehubah sebagai nilai atribut.

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Bolehkah pembolehubah ditakrifkan dalam css?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!