HTML & CSS EnhancementsLesson 28Preview gratis
Calc & Functions
Lesson ini bagian dari Intro to HTML & CSS · Semua level
Ringkasan
Pelajaran ini membahas fungsi CSS modern seperti calc(), min(), max(), dan clamp() yang menghitung nilai di dalam deklarasi. Dengan fungsi ini, kamu bisa mencampur satuan berbeda dan membuat ukuran responsif tanpa JavaScript. Fungsi-fungsi ini menghemat banyak media query untuk kasus ukuran.
Poin kunci
- calc() menghitung nilai dengan mencampur satuan, misal calc(100% - 2rem)
- min() dan max() memilih nilai terkecil atau terbesar dari beberapa kandidat
- clamp(min, ideal, max) membatasi nilai ideal di dalam rentang tertentu
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.