iHMahmoodi
Visual Designer

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

How to use Border in CSS

دوره آموزش جامع طراحی رابط کاربری ( UI Design ) - Learnuix.ir

0 1,793
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 را در یک اعلان تعیین کرد.

دوره آموزش جامع طراحی رابط کاربری ( UI Design ) - Learnuix.ir

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

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

 

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

 

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

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

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


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

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

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

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

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

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

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

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

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

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

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

در خبرنامه ما عضو شوید
در خبرنامه ما عضو شوید
آخرین مطالب آموزش های ما را هر هفته در ایمیل خود داشته باشید.
شما می توانید در هر زمان عضویت خود را لغو کنید.

دوره آموزش جامع طراحی رابط کاربری ( UI Design ) - Learnuix.ir

عضویت
اطلاع از
guest

0 نظرات
Inline Feedbacks
نمایش همه‌ی نظرات