PakKoding Edukasi Teknologi
Masuk Daftar
Kembali ke Pilih Materi
Progres Kursus 0%
CSS

Jarak: Margin & Padding

Memberi ruang agar elemen tidak berdempetan.

Penjelasan Lengkap

Konsep "Kotak" di CSS sangat penting untuk mengatur jarak agar web tidak terlihat berantakan.

Padding : Jarak di dalam kotak (antara teks dan garis tepi kotak).
Margin : Jarak di luar kotak (jarak antar satu kotak dengan kotak lainnya).
Border : Garis tepi kotak. Bisa diatur ketebalan (px) dan warnanya.
Contoh Kode
div { 
    border: 2px solid black;
    padding: 20px; 
    margin: 30px; 
}
Hasil Tampilan
Console Output
Tugas Praktik (Pertanyaan)

Manakah yang memberikan jarak antara kotak satu dengan kotak lainnya di luarnya, Margin atau Padding?