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

■padding چه کاربردایی داره؟

padding کدیه که توی زبان سی‌اس‌اس و در واقع استایل کابردای زیادی داره.یکی از این کاربردا رو توی پست سوم آموزش سی‌اس‌اس بهش اشاره شده بود.

padding دستوریه که برای فاصله انداختن بین دو قسمت استفاده میشه.مثلن اگه شما بخواین برای عکساتون یه خط کناری بزارید همونطور که قبلن اشاره کرده بودم باید از کد border استفاده کنیم،ولی یه قسمت دیگه هم وجود داشت که padding رو مقدار ۴px قرار داد بود.حالا ببینیم این چه تاثیری داره:

۰ پیکسل:

۴ پیکسل:

۱۰ پیکسل:

×پس این کد باعث کنترل فاصله میشه.همچنین این کد اصلن فقط توی عکسها کاربرد نداره بلکه خیلی جاهای دیگه مثل ul li و … کاربرد داره.

بدون نظر