CSS Padding

 خاصیت padding   را فضای بین مرز عنصر و محتوای عنصر تعریف می کنیم یعنی فضای بین border و محتوای عنصر .در حقیقت ما با تعیین خاصیت padding  برای یک عنصر میزان فضای خالی داخلی برای عنصر تعیین می کنیم یعنی اگر این مقدار را برابر 100 پیکسل قرار دهیم یعنی 100 پیکسل از تمام جهات از حاشیه عنصر به سمت داخل فضای خالی ایجاد کرده ایم .

Padding در  css

خاصیت  padding  تحت تاثیر رنگ پس زمینه عنصر قرار میگیرد .

نکته : padding جزیی از عنصر است یعنی اگر عرض عنصری 100 پیکسل باشد و ما  padding  راست را برابر 10 پیکسل و  padding چپ را برابر 10 پیکسل در نظر بگیریم ، فقط می توانیم از 80 پیکسل عنصر استفاده کنیم در آن متن تصویر یا هر چیزی را قرار دهیم .

خاصیت padding left ، ,padding top ,padding right,padding bottom را می توان به صورت خاصیت تک مقداری به صورت مجزا یا به صورت خاصیت مختصر نویسی مقدار داد.

مقادیر ممکن

– Padding خاصیت تک مقداری

صورت خاصيت تک مقداری ، ميزان فاصله را در هر جهت به صورت مجزا تعيين کرد . 

padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;

padding:25px 50px;

تمام خاصیت های  padding  در  css