CSS TutorialLesson 22Preview gratis
CSS Max-width
Lesson ini bagian dari CSS · Semua level
Ringkasan
max-width membatasi lebar maksimum sebuah elemen sehingga ia bisa menyusut pada layar sempit tetapi tidak melebihi ukuran tertentu pada layar lebar. Berbeda dengan width tetap, kombinasi width: 100% dan max-width membuat konten lebih responsif. Prinsip yang sama juga berlaku untuk min-height dan max-height.
Poin kunci
- max-width menentukan batas lebar terbesar yang boleh dipakai elemen.
- Elemen tetap mengikuti lebar induk bila induknya lebih sempit dari max-width.
- Praktik responsif: width: 100% dengan max-width tertentu untuk membungkus konten.
- min-height memastikan elemen minimal setinggi nilai tertentu meski isinya sedikit.
- Menggabungkan max-width dengan margin: 0 auto memusatkan konten di tengah halaman.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.