W3.CSSLesson 25Preview gratis
W3.CSS Variables
Lesson ini bagian dari W3.CSS · Semua level
Ringkasan
CSS variables atau custom property memungkinkan kamu menyimpan nilai seperti warna dan jarak dalam satu nama yang dapat dipakai berulang. Nilai didefinisisi dengan tanda -- lalu dipanggil memakai var(), sehingga perubahan tema cukup menyentuh satu tempat. Fitur ini membuat stylesheet lebih rapi, konsisten, dan mudah dirawat.
Poin kunci
- Variabel didefinisisi dengan pola --nama: nilai;
- Variabel dipakai dengan var(--nama) dan boleh punya nilai cadangan
- Definisi global biasanya diletakkan di selector :root
- Variabel mengikuti scope, sehingga bisa ditimpa pada blok tertentu
- Nama variabel harus diawali dua tanda hubung dan bersifat peka huruf
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.