Aşağıdaki iki kodun arasındaki fark-degişiklikleri söyleyelim

.style1 { margin:10px 10px 10px 10px; }

.style2 { padding:5px 5px 5px 5px; }

En iyisi bunu resimlerle örnekleyelim.

Nesnemiz ssssss yazan beyaz tablodur.

style1 de nesnenin dışına 10px 10px 10px 10px uygulandı.

style2 de ise nesnemizin içine padding işlemini uygulandı.

Buradaki 10px 10px 10px 10px nedir derseniz;

Üst uzunluk – Sağ Uzunluk – Alt Uzunluk – Sol Uzunluk şeklindedir.

Ingilizce değerleri ise; Top – Right – Bottom – Left şeklinde.