CSS Padding

Properti padding sama dengan margin kegunaannya membuat ruang kosong, tetapi warna padding mengikuti warna konten.

Contoh :

p{
background-color:yellow;
padding:20px;
}

Jadinya

Bedakan dengan margin :

p{
background-color:yellow;
margin:20px;
}

Jadinya

Padding bisa menggunakan ukuran px, pt, em, dll.

Penulisan properti padding dengan satu-satu sisi, contoh :

h1{
padding-top:10px;
padding-bottom:20px;
padding-right:50px;
padding-left:50px;
}

Penulisan dengan singkat, contoh :

h1{
padding:10px 50px 20px 50px;
}

Bisa dengan 4,3,2,1 nilai.

Alhamdulillah