بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي
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= قيمة الانحناء

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

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