CSS تطبيق الانحناءات علي حواشي الاشكال

[Bruce]

CSS تطبيق الانحناءات علي حواشي الاشكال
السلام عليكم ورحمة الله وبركاته

الكثير لم يفهم معني الانحناءات وهي جعل مثلا صندوق input او textarea او حتي table الخ.. ليس مربعا وانما اعطائه شكل منحني عند الحاشية التي تختارها مثال علي ذلك .. عند كتابة تعليق هنا في المدونة!!!
http://developer.ws.ly/
هذة الميزة تم تطبيقها ولا تشتغل الا علي متصفح Mozilla Firefox وهي من اعداد مطورييه .
الدالة اسمها moz- ومن تم تختار border التي تحتوي علي radius (تعني نصف قطر) ثم اختيار مكان الانحناء topright بقصد بها الحاشية العلوية علي جهة اليمين او bottomright السفلية علي جهة اليمين او topleft او bottomleft ومن ثم تختار شدة الانحناء(مقدار الانحناء)
ويمكنك عد استخدام الاتجاه والاكتفاء بي radius حيث ستطبق علي جميع الحواشي
اترككم مع الكود

/* top right */
	-moz-border-radius-topright:10px;
/* top left */
	-moz-border-radius-topleft:10px;
/* bottom right */
	-moz-border-radius-bottomright:10px;
/* bottom left */
	-moz-border-radius-bottomleft:10px;
/* all */
	-moz-border-radius:10px;

سلام
رابكم في المموضوع والمدونة
المصدر
http://developer.ws.ly/article-26.html
سلام

[مصطفى فرغلى]

الكود السابق لا يعمل إلا على فايرفوكس فقط بسبب السابقه -moz ، و هذا يدل أيضا على أنها قد تتغير فى المستقبل بفضل CSS3 ، و لكن الإستخدام الامثل لها هو التطبيقات التى تعمل على firefox فقط مثل الإمتدادات extentions ، يوجد أيضا شبيه لها فى المتصفح safari الذى يعتمد على محرك الترجمه webkit و يمكنك إستخدامها بأمان فى حاله برمجه تطبيقات ل adobe air بإستخدام javascript مثلا

-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-top-right-radius:10px;
-webkit-border-top-left-radius:10px;

ما هو دور WebKit فى AIR

[Bruce]

Dezology

جميل جدا وهكذا زدت في اثراء الموضوع اكثر فاكثر

تشكر مشرفنا

سلام

[apitos]

هناك تقنية تعمل ايضا مع الاكسبلورر تعتمد على الجافا سكريبت وهي NiftyCube.

بسيطة ولكن لم أجد لحد الآن في أي منتدى عربي شرحا وتبسيطا أكثر لها.