iHMahmoodi
Visual Designer

آموزش جامع CSS: چطور گوشه های Borderها را گرد کنیم؟

How to use Border in CSS

maxresdefault-7056275
آموزش جامع CSS: چطور گوشه های Borderها را گرد کنیم؟

در این قسمت از آموزش جامع CSS از این ویژگی border-radius برای گرد کردن گوشه های یک عنصر استفاده می شود.

این ویژگی از نوع ویژگی های مختصر نویسی برای ویژگی های زیر می باشد که هر کدام از آنها مخصوص یک گوشه عنصر هستند:

border-top-left-radius
border-top-right-radius
border-bottom-right-radius
border-bottom-left-radius
border-radius می تواند یک تا چهار مقدار داشته باشد و اگر مقادیر را با استفاده از / از هم جدا کنیم می تواند هشت مقدار بپذیرد. که در هر سمت اسلش می تواند بین یک تا چهار مقدار وجود داشته باشد.
اگر چهار مقدار داشته باشد, اولین مقدار مربوط به گوشه بالا سمت چپ, دومین مقدار مربوط به گوشه بالا سمت راست, سومین مقدار مربوط به گوشه پایین سمت راست و مقدار آخر مربوط به گوشه پایین سمت چپ خواهد بود. (جهت ساعتگرد به شما برای بخاطر سپردن ترتیب کمک می کند)

اگر سه مقدار داشته باشد, اولین مقدار مربوط به گوشه بالا سمت چپ, دومین مقدار مربوط به گوشه های بالا سمت راست و پایین سمت چپ, و مقدار آخر مربوط به گوشه پایین سمت راست می باشد.

در صورتی که دو مقدار داشته باشد, اولین مقدار مربوط به گوشه بالا سمت چپ و پایین سمت راست و دومین مقدار مربوط به گوشه های بالا سمت راست و پایین سمت چپ می باشد.

اگر یک مقدار داشته باشد, آن مقدار به تمام گوشه ها تعلق می گیرد و انحنای گوشه ها با هم برابر خواهد بود.

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

 

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

 

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

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

آموزش جامع CSS: چطور گوشه های Borderها را گرد کنیم؟


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

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

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

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

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

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

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

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

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

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

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

در خبرنامه ما عضو شوید
در خبرنامه ما عضو شوید
آخرین مطالب آموزش های ما را هر هفته در ایمیل خود داشته باشید.
شما می توانید در هر زمان عضویت خود را لغو کنید.
عضویت
اطلاع از
guest
0 نظرات
Inline Feedbacks
نمایش همه‌ی نظرات