بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته

border-radius هي احدى مميزات css3 الجديدة
وهي مختصة بالحدود بحيث يمكن الحكم بالحدود كيفما تشاء
وبكذا نستطيع الاستغناء على الصور ولكن للاسف وكما هو معروف
فأن متصفح Internet Explorer لا يدعم css3

نشاهد بعض الامثلة على هذه الخاصية

امثلة اخرى مع التطبيق وهو خاص للمتصفح ( Mozilla Firefox )

اما بقية المتصفحات مثل ( Apple Safari , Opera , Google Chrome )
هذا التطبيق

الاختلاف في بداية خواص الـ css

لو نلاحظ ما يختص بالفاير فوكس نشاهد الكود التالي

-moz-border-radius: N;

——————————————-

= نوع المتصفح
N = قيمة الانحناء

+++++++++++++++++++++++++++++++

اما بقية المتصفحات بإستثناء ( Internet Explorer )

فلها الخاصية هذه

-webkit-border-radius: N;

webkit = نوع المتصفح
N= قيمة الانحناء

بعض التطبيقات التي يمكن عملها بهذه الخاصية الجميلة

بالنهاية اتمنى وصلت الفكرة

اخوكم برق الشمال
http://www.barqalshamal.com

Popularity: 55%