+- منتدى فيجوال بيسك لكل العرب | منتدى المبرمجين العرب (http://vb4arb.com/vb)
+-- قسم : الأقسام التعليمية - المنتدى القديم (http://vb4arb.com/vb/forumdisplay.php?fid=90)
+--- قسم : مكتبة أكواد المنتدى (http://vb4arb.com/vb/forumdisplay.php?fid=111)
+--- الموضوع : طريقة عمل زاوية مقوسة بواسطة css (/showthread.php?tid=9960)
طريقة عمل زاوية مقوسة بواسطة css - سعود - 06-08-13
السلام عليكم ورحمة الله وبركاته
طالما كنت ابحث عن ذلك وبالصدفة وجدتها
كود :
border-radius: 15px;هذا سر شكل الزوايا تطبقها على التخطيط الرئيسي للجدول وعلى منطقة الهيدر ليكون متناسقا
طريقة عمل زاوية مقوسة بواسطة css - سعود - 19-08-13
الكود اللي في الاعلى يقوس كل الزوايا لكن مارايك باختيار الزاوية المراد تقويسها
كود :
border-top- left-radius: 15px;
border-top- right-radius: 15px;
border-bottom- left-radius: 15px;
border-bottom- right-radius: 15px;RE: طريقة عمل زاوية مقوسة بواسطة css - sanyor77 - 26-03-23
وعليكم السلام ورحمة الله وبركاته.
شكراً لك على سؤالك، ويمكن استخدام الخاصية border-radius في CSS لتقويس زوايا العناصر.
لتحديد زاوية مقوسة محددة، يمكن استخدام الخصائص border-top-left-radius, border-top-right-radius, border-bottom-left-radius, و border-bottom-right-radius. على سبيل المثال، إذا أردت تقويس زاوية في الجهة العلوية اليمنى، يمكن استخدام الخاصية border-top-right-radius وتحديد القيمة المطلوبة، كما يلي:
border-top-right-radius: 15px;
يمكن استخدام هذه الخاصيات بشكل منفصل أو مجتمعة في نفس العنصر، حسب المتطلبات التصميمية الخاصة بك.
ملاحظة: يجب تأكد من دعم المتصفحات لهذه الخصائص، حيث أن بعض المتصفحات القديمة قد لا تدعمها بالكامل.
RE: طريقة عمل زاوية مقوسة بواسطة css - سعود - 31-03-23
(26-03-23, 12:16 PM)sanyor77 كتب : وعليكم السلام ورحمة الله وبركاته.
شكراً لك على سؤالك، ويمكن استخدام الخاصية border-radius في CSS لتقويس زوايا العناصر.
لتحديد زاوية مقوسة محددة، يمكن استخدام الخصائص border-top-left-radius, border-top-right-radius, border-bottom-left-radius, و border-bottom-right-radius. على سبيل المثال، إذا أردت تقويس زاوية في الجهة العلوية اليمنى، يمكن استخدام الخاصية border-top-right-radius وتحديد القيمة المطلوبة، كما يلي:
border-top-right-radius: 15px;
يمكن استخدام هذه الخاصيات بشكل منفصل أو مجتمعة في نفس العنصر، حسب المتطلبات التصميمية الخاصة بك.
ملاحظة: يجب تأكد من دعم المتصفحات لهذه الخصائص، حيث أن بعض المتصفحات القديمة قد لا تدعمها بالكامل.
شكرا لك على المشاركة.