CSS BASIC (#08-PADDINGS)

---

CSS PADDING.

---

CSS Padding merupakan jarak antar alemen pada file HTML dan content yang ada di dalamnya.

Sebagian besar aturan pada MARGINS juga berlaku pada padding ini, kecuali "auto value" dan "negativ value" tidak bisa digunakan didalam padding.

padding-top: length/percentage;
padding-left: length/percentage;
padding-right: length/percentage;
padding-bottom: length/percentage;

Seperti yang anda lihat di atas, padding mempunyai dua property sebagai value-nya.

• precentage
• length

Anda juga dapat membangun padding dalam sebuah property tunggal seperti berikut ini:

{
padding:9px 9px 9px 9px;
}

Value pada padding di atas mempunyai urutan posisi sebaga berikut (kiri-kanan):

• top
• right
• bottom
• left

Jika anda membangun padding hanya dengan satu value, value tersebut berfungsi menjadi ukuran padding disetiap sisi.
padding:17px;
Tapi jika anda hanya mengambil dua value dalam membangun padding, value tersebut menetapkan posisi dari lawan menurut urutan yang saya sebutkan di atas tadi.
padding:27px 31px;
Jadi pada value diatas 27px berfungsi menetapkan value untuk top dan bottom, sedangkan value 31px berfungsi menetapkan value untuk right dan left.

Jika anda tidak ingin menentukan ukuran dari sebuah sisi padding, anda cukup mengisinya dengan value nol (0) tanpa diikuti unit (px/%).
padding:45px 0 90px 0;

Bersambung...

---