اندیشه بر خط (یادداشتهای حسین خسروی)


شما می توانید با ارسال ایمیل خود ، بصورت رایگان مشترک شده و از بروزسانی مطلع شوید.

ایمیل خود را وارد کنید:

۱- با پایان یافتن ماههای محرم و صفر، قالب وبلاگ را از عزا درآوردم و کلا با قالب آی تی بلاگز تعویضش کردم. اگر به مزاجم ساخت، همین را اصلاح کرده و استفاده خواهم کرد. ۲ – خدایا زودتر انتخابات را برسان! و بدون دردسر تمام کن. شاید این کشتی وقت نشناس، دست از سر [...]

ادامه مطلب

۱٫ شنیده ایم که نظافت نیمی از ایمان است؛ می‌دانید چرا؟ ۲٫ در لیوان کثیف، شیرعسل هم که بریزی نمی شود خورد! نصف کار این است که تمیز شود، نیم دیگر ریختن شیر پاک است. ۳٫ آن پاکیزگی که نیمی از ایمان است، تنها ناظر به نظافت ظاهر نیست، که بیشتر طهارت باطن مورد نظر [...]

ادامه مطلب

پسر شهید روشن درگوش رهبری چه گفت؟ (اشک من رو درآورد این نوشته) حاشیه دیدار رهبری با خانواده شهید ‌روشن چه کنیم که معصیت نکنیم نظر جالب یک بیننده صدای آمریکا سیدحسن در کنار نورعلی تابنده (قطب صوفیه)

ادامه مطلب

یکی از خصلتهایی که یا انسان را از درون ذوب می کند یا سبب می شود با کوچکترین مساله‌ای به مردم حمله کنیم، زودرنجی است. انسان زودرنج، بیش از هر کس، خودش را اذیت می کند، زیاد در فکر انتقام است و تا جایی که بتواند از موضوعات ریز و درشت، برداشت سوء می کند [...]

ادامه مطلب

یک راه حمله کردن به یک موضوع، بد دفاع کردن است. تقریبا هر جا که بحث حجاب مطرح می‌شود، در دفاع از آن مطرح می‌شود که حجاب محدودیت نیست. به نظر بنده این یک دروغ است! تصور کنید در گرمای تابستان با مقنعه و چادر بخواهید فعالیت کنید؛ اگر این محدودیت نیست پس چیست؟ محدودیت [...]

ادامه مطلب

دیروز تبلیغ جالبی از حجاب در سایت الف دیدم، خواستم از آن استفاده‌ای کرده باشم و لااقل داخل اتاق کارم، این تبلیغ را بگذارم. کیفیت عکس اما پایین بود، لذا دست به کار شدم و تبلیغ مشابهی البته ساده تر آماده کردم:

ادامه مطلب

بایگانی برای شهریور ۱۰م, ۱۳۸۸

تفاوت padding و margin در CSS

[تاريخ:۱۰ شهریور ۱۳۸۸] ~ آموزشی
۸ نظر

آیا margin با padding فرق داره؟



با اینکه مرتبا از دو خاصیت padding و margin برای افزودن حاشیه به المانهای مختلف استفاده کرده ام، لیکن هیچ وقت تفاوت دقیق بین این دو را درک نکرده بودم، تا اینکه امروز که داشتم کتاب CSS Anthology را ورق می‌زدم (البته پشت مانیتور!) متوجه تفاوت آنها شدم. هر چند در بسیاری مواقع می توان از این دو به جای هم دیگر استفاده کرد ولی به قول قلمراد فرق فوکوله: به طور ساده، margin حاشیه بیرونی است و padding حاشیه داخلی! برای اینکه تفاوت را خوب احساس کنید به چهار تا جعبه (div) زیر توجه کنید:

نوشته داخل این جعبه، فاقد هرگونه margin و padding است و البته یه خورده ناجور به نظر می رسد!
نوشته داخل این جعبه، دارای margin به اندازه ۱em و بدون padding است. ملاحظه می شود که از المانهای بیرونی اندکی فاصله گرفته ولی متن داخل آن به کادر چسبیده است! همچنان اندکی نافرم است.
نوشته داخل این جعبه، دارای padding به میزان ۱em است ولی margin ندارد. دقت کنید که این متن از کادر فاصله دارد ولی خود کادر از المانهای اطراف فاصله ندارد! یه خورده بهتر شد، مگه نه؟
این جعبه نوشته، هم دارای margin و هم padding است. درست همون چیزی که می خواستیم!

کدهای این چهار جعبه در زیر مشاهده می شود.
برچسب‌ها

، ، ،