Fungsi Padding pada CSS

Padding memiliki fungsi penting dalam sebuah web. Fungsi padding adalah untuk menentukan jarak didalam sebuah tag html.

Cara menggunakan padding :

.css {padding:5px 7px 9px 11px;}

Penjelasan mengenai fungsi diatas adalah :

5px : Menentukan jarak padding pada posisi atas.

7px : Menentukan jarak padding pada posisi kanan.

9px : Menentukan jarak padding pada posisi bawah.

11px : Menentukan jarak padding pada posisi kiri.

Hasilnya :

Hasil ...

Penulisan lain padding adalah :

.css {padding:10px 20px;}

Penjelasannya mengenai fungsi diatas adalah :

10px : Menentukan posisi atas dan bawah.

20px : Menentukan posisi kiri dan kanan.

Hasilnya :

Hasil ...

dan

.css {padding:20px;}

Penjelasannya mengenai fungsi diatas adalah :

20px : Menentukan atas bawah kiri dan kanan jarak padding.

Hasilnya :

Hasil ...