نظرة على [border-radius] الحدود المنحنية - CSS3







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

السلام عليكم ورحمة الله وبركاته


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


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


امثلة اخرى مع التطبيق وهو خاص للمتصفح ( Mozilla Firefox )
اما بقية المتصفحات مثل ( Apple Safari , Opera , Google Chrome )
الاختلاف في بداية خواص الـ css
لو نلاحظ ما يختص بالفاير فوكس نشاهد الكود التالي
رمز PHP:
 
-moz-border-radiusN
moz = نوع المتصفح
N = قيمة الانحناء
+++++++++++++++++++++++++++++++
اما بقية المتصفحات بإستثناء ( Internet Explorer )
فلها الخاصية هذه
رمز PHP:
-webkit-border-radiusN
webkit = نوع المتصفح
N= قيمة الانحناء

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

بالنهاية اتمنى وصلت الفكرة
اخوكم برق الشمال
http://www.barqalshamal.com