امروز : یکشنبه ۴ تیر ۱۳۹۶
حذف تبلیغات


ad

دستور بوردر ردیوس در CSS3

 

در این قسمت از سری آموزش های دوران طراحی وب به موضوع زیبا سازی تگ های درون صفحه می رسیم . در این قسمت دستور بوردر ردیوس در زبان css3 مورد بررسی قرار می دهیم .دستور بوردر ردیوس که در ورژن ۳ از نسخه زبان css معرفی شد برای گرد کردن اشیاء درون صفحه استفاده می شود البته این دستور از مرورگر های IE ورژن ۹ به بالا و اکثر مرورگر های دیگر پشتیبانی می شود . در ادامه نحوه استفاده از این دستور را بررسی می کنیم ….

 

download (4)

1-300x127

نحوه استفاده از این دستور در زبان CSS به صورت زیر می باشد :

 

دستور بالا تگی با خاصیت کلاس selector را گوشه های این المنت رو به میزان ۱۰ پیکسل گرد خواهد کرد . توجه داشته باشید که در خط های بعدی دستور border radius دستوراتی برای اعمال این دستور در مرورگر های مختلف می باشد که اگر حتما می خواهید صفحه شما در تمامی مرورگر ها به یک شکل باشند باید از این دستور ها استفاده کنید .

توجه داشته باشید که مقدار دستور بوردر ردیوس می تواند به صورت واحد های مختلف زبان css مانند em , percent , px,… باشد.

تغییر جز به جزء گوشه ها

جهت تغییر هر یک از گوشه های المنت در این دستور به صورت زیر تنظیم می شود :

در دستور بالا با توجه به شکل ترتیب گرد کردن گوشه اشیاء مشخص شده است که در واقع عدد هایی که در دستور بوردر ردیوس به کار رفته اند دقیقا باید مطابق شکل تنظیم شوند مانند دستور زیر :

 

نکته : برای گرد کردن شئ و تبدیل آن به یک دایره باید میزان بوردر ردیوس را برابر %۱۰۰ قرار دهیم

 

به این ترتیب به پایان این قسمت از سری آموزش های دوران طراحی وب رسیدیم , امیدوارم از این آموزش لذت کافی رو ببرید !

موفق و پیروز و سربلند باشید.

 

 

 

 

 

لینک کوتاه :http://www.rahjo.net/dlscript/?p=695

عضویت