متین تلخابی
متین تلخابی
خواندن ۱ دقیقه·۳ ماه پیش

تعریف Box Model

توی این پست یه توضیح کلی درباره Box Model میدم...



هر کی تا حالا یکم هم css کار کرده باشه حتما از padding , margin , border استفاده کرده
اگه یکم هم حرفه ای تر باشه توی کنسول حتما باهاشون کار کرده
(توی کنسول روی هر عنصر از سایت کلیک کنید می تونید box model اون عنصر رو مشاهده کنید)
این شکلیه:


عکسی که گذاشتم خودش گویای همه چیه ولی یکم هم توضیح کار رو بهتره می کنه-_-

  • محتویات داخل عنصر توی بخش content قرار می گیره همون وسط
  • بخش بعدی در اصل border عنصر هست همون خطی که دور عنصر رو میگیره
  • بخش داخلی border اسمش padding هست که مقدار فاصله content تا border رو نشون میده
  • بخش خارجی border اسمش margin هست که مقدار فاصله border تا عنصر بیرونی رو نشون میده(در اصل این تعریفی که کردم کامل نیست می تونید تصور کنید که فاصله بیرون از border تا بخش که خودتون می گید رو عنصر اشغال می کنه)



خوب فکر کنم برای این پست کافی باشه

اگه خودت نکته ای رو میشناسی که من اشاره نکردم توی کامنت بگو
امیدوارم این پست به دردتون خورده باشه
موفق و پیروز باشید ...

ان شاء الله راهی که میریم ختم بشه به ظهور سریعتر آقا امام زمان ...

منبع : ditty


box modelاصول برنامه نویسی فرانتpaddingmarginborder
برنامه‌نویس Back End مسلط به زبان‌های TailwindCSS، JavaScript، Python و فریم‌ورک Django. مشتاق یادگیری و پیشرفت
شاید از این پست‌ها خوشتان بیاید