CSS TutorialLesson 10Preview gratis
CSS Margins
Lesson ini bagian dari CSS · Semua level
Ringkasan
Margin adalah ruang kosong di luar batas elemen yang memisahkannya dari elemen sekitar. Margin bisa diatur untuk keempat sisi sekaligus atau per sisi, dan nilainya boleh px, em, rem, persen, bahkan auto. Nilai auto pada margin kiri-kanan dipakai untuk mensejajarkan blok di tengah halaman.
Poin kunci
- Margin berada di luar border, sedangkan padding berada di dalam border.
- Shorthand margin: 10px 20px; berarti atas-bawah 10px dan kiri-kanan 20px.
- margin: 0 auto memusatkan blok yang memiliki lebar tetap.
- Dua margin vertikal yang bertemu bisa saling menumpuk (collapse) dan hanya nilai terbesar yang dipakai.
- Nilai margin boleh px, em, rem, persen, atau auto, tetapi tidak boleh negatif menurut spesifikasi lama; kini margin negatif diperbolehkan.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.