CSS TutorialLesson 45Preview gratis
CSS Math Functions
Lesson ini bagian dari CSS · Semua level
Ringkasan
CSS menyediakan fungsi matematis seperti calc(), min(), max(), dan clamp() untuk menghitung nilai langsung di dalam CSS. Fungsi ini memungkinkan ukuran yang dinamis, misalnya lebar kolom yang otomatis mengurangi jarak, atau ukuran font yang tumbuh mengikuti lebar layar. Nilai di dalam fungsi boleh mencampur satuan berbeda seperti px dan persen.
Poin kunci
- calc() menghitung nilai dari ekspresi, contohnya calc(100% - 40px).
- min() dan max() memilih nilai terkecil atau terbesar dari beberapa kandidat.
- clamp(min, ideal, maks) menjaga nilai tetap di rentang aman, sangat cocok untuk font responsif.
- Fungsi ini boleh mencampur satuan berbeda seperti %, px, em, dan vw.
- Sediakan nilai biasa sebelum fungsi sebagai cadangan untuk peramban lama yang belum mendukungnya.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.