ساختار پراپرتی های padding , margin

همانطور که اقای صالحی اشاره کردند اگر به پراپرتی padding و margin یک مقدار بدهیم ( مثلا: 30px)، این مقدار بر روی هر چهار طرف المان اعمال می شود. اما اگر دو یا سه مقدار داشته باشد، مقادیر به صورت زیر اعمال می شوند:

دو مقدار: 

اگر پراپرتی padding و margin دو مقدار داشته باشد، مقدار اول برای بالا و پایین و مقدار دوم برای چپ و راست اعمال می شود:

padding : 20px 40px; /* padding : (top and bottom) (right and left); */

سه مقدار:

اگر پراپرتی padding و margin سه مقدار داشته باشد، مقدار اول برای بالا، مقدار دوم برای چپ و راست و مقدار سوم برای پایین اعمال می شود:

margin : 10px 20px 30px; /* margin : (top) (right and left) (bottom); */

همچنین اگر مقدار چپ و راست را "auto" در نظر بگیریم المان وسط چین میشود!