CSS AdvancedLesson 74Preview gratis
CSS Variables
Lesson ini bagian dari CSS · Semua level
Ringkasan
Custom properties (variabel CSS) memungkinkan kita menyimpan nilai seperti warna atau ukuran dengan nama tertentu, lalu memakai ulang di mana saja. Variabel ditulis dengan awalan dua strip `--` dan dipanggil memakai fungsi `var()`. Karena dijalankan oleh browser, nilainya bisa diubah saat runtime, termasuk lewat JavaScript.
Poin kunci
- Deklarasi: `--warna-utama: #2980b9;` lalu pemakaian: `color: var(--warna-utama)`
- `var()` bisa diberi fallback: `var(--tinggi, 200px)`
- `:root` adalah tempat umum mendefinisikan variabel agar berlaku seluruh halaman
- Nilai variabel bersifat dinamis dan bisa diubah lewat JavaScript
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.