MoreLesson 220Preview gratis
Aspect Ratio
Lesson ini bagian dari How To · Semua level
Ringkasan
Aspect ratio adalah perbandingan lebar dan tinggi sebuah elemen, misalnya 16:9 untuk video atau 1:1 untuk avatar. Properti CSS aspect-ratio memungkinkan tinggi dihitung otomatis dari lebar yang tersedia. Sebelum properti ini ada, pengembang memakai trik padding-top dengan persentase.
Poin kunci
- aspect-ratio: 16 / 9 menetapkan perbandingan lebar dan tinggi
- Cukup tentukan satu dimensi; dimensi lain dihitung otomatis
- Gunakan object-fit: cover pada gambar agar tidak gepeng
- Fallback lama memakai padding-top: 56.25% untuk rasio 16:9
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.