چطور با استفاده از Margin و Padding در CSS فاصله ایجاد کنیم؟

maxresdefault-2358667
چطور با استفاده از Margin و Padding در CSS فاصله ایجاد کنیم؟

ویژگی margin از ویژگی های مختصر نویسی می باشد که می توان بوسیله آن چهار ویژگی margin-top، margin-right، margin-bottom و margin-left را در یک اعلان تعیین کرد.
قبل از بررسی این ویژگی باید با Box Model در سی اس اس آشنا باشیم تا نواحی مختلف هر عنصر را بشناسیم.
margin باعث می شود تا بتوانیم بین عنصر و اطرافش فاصله ایجاد کنیم. مثلا اگر نیاز داریم تا لبه سمت راست عنصر با هرآنچه که در سمت راست آن است 100 پیکسل فاصله داشته باشد کافی است از margin استفاده کنیم.
ویژگی padding از ویژگی های مختصر نویسی می باشد که می توان بوسیله آن چهار ویژگی padding-top، padding-right، padding-bottom و padding-left را در یک اعلان تعیین کرد.

لیست پخش آموزش جامع سی اس اس به ترتیب:

لیست پخش آموزش جامع سی اس اس 

 

عضویت در کانال آموزشی: Youtube.com/AsteriXarts

 

برای دیدن این ویدیو باید VPN شما روشن باشد.

بعد از روشن کردن VPN یا فیلترشکن، بر روی تصویر یا لینک یوتیوب زیر کلیک کنید تا ویدیوی آموزش را ببینید)

چطور با استفاده از Margin و Padding در CSS فاصله ایجاد کنیم؟

YouTube ویدئو


در صورتی که سوالی داشتید در قسمت نظرات بپرسید و حتما جواب خواهم داد.

عضویت در کانال آموزشی: Youtube.com/AsteriXarts

در ویدیو های بعدی هم به نکات بیشتری در مورد CSS می پردازم.

با عضویت در کانال یوتیوب می توانید از ویدیو های بعدی مطلع شوید

در صورتی که این ویدیو برای شما مفید بود لطفا با دوستانتون در شبکه های اجتماعی به اشتراک بگذارید.

مطالب مرتبط دیگر:

آموزش جامع CSS: معرفی دوره

اصول ابتدایی و اساسی CSS

انتخابگرها در CSS (قسمت اول

چطور در CSS متن تو رفتگی ایجاد کنیم؟

آموزش جامع CSS: چطور یک شی را در صفحه مخفی یا ظاهر کنیم؟

حسین محمودی
حسین محمودی

حسین محمودی هستم، طراح محصول و UI/UX، طراح گرافیکی، صفحه آراء.
تصمیم گرفتم مطالبی در زمینه های مختلفی که بهشون علاقه دارم رو در اینجا قرار بدم که از جمله میشه به طراحی رابط کاربری و تجربه کاربری (UI/UX)، طراحی گرافیک و صفحه آرایی اشاره کرد.

مقاله‌ها: 236

پاسخی بگذارید