منتدى فيجوال بيسك لكل العرب | منتدى المبرمجين العرب الأقسام التعليمية - المنتدى القديم مكتبة أكواد المنتدى طريقة عمل زاوية مقوسة بواسطة css
موضوع مغلق 
تقييم الموضوع :
  • 0 أصوات - بمعدل 0
  • 1
  • 2
  • 3
  • 4
  • 5
ادوات الموضوع
طريقة عمل زاوية مقوسة بواسطة css
سعود غير متصل
عضو نشيط
*
المشاركات : 7,397
المواضيع 802
الإنتساب : Sep 2013
السمعة : 853
الشكر: 13167
تم شكره 18826 مرات في 4421 مشاركات
#1
06-08-13, 08:00 PM
السلام عليكم ورحمة الله وبركاته

طالما كنت ابحث عن ذلك وبالصدفة وجدتها

كود :
border-radius: 15px;

هذا سر شكل الزوايا تطبقها على التخطيط الرئيسي للجدول وعلى منطقة الهيدر ليكون متناسقا
اللهم إني أعوذ بك من غلبة الدين وغلبة العدو، اللهم إني أعوذ بك من جهد البلاء ومن درك الشقاء ومن سوء القضاء ومن شماتة الأعداء
اللهم اغفر لي خطيئتي وجهلي، وإسرافي في أمري وما أنت أعلم به مني، اللهم اغفر لي ما قدمت وما أخرت، وما أسررت وما أعلنت وما أنت أعلم به مني، أنت المقدم وأنت المؤخر وأنت على كل شيء قدير
الموقع البحث
}}}
تم الشكر بواسطة:
سعود غير متصل
عضو نشيط
*
المشاركات : 7,397
المواضيع 802
الإنتساب : Sep 2013
السمعة : 853
الشكر: 13167
تم شكره 18826 مرات في 4421 مشاركات
#2
19-08-13, 08:43 AM
الكود اللي في الاعلى يقوس كل الزوايا لكن مارايك باختيار الزاوية المراد تقويسها
كود :
border-top- left-radius: 15px;
border-top- right-radius: 15px;
border-bottom- left-radius: 15px;
border-bottom- right-radius: 15px;
اللهم إني أعوذ بك من غلبة الدين وغلبة العدو، اللهم إني أعوذ بك من جهد البلاء ومن درك الشقاء ومن سوء القضاء ومن شماتة الأعداء
اللهم اغفر لي خطيئتي وجهلي، وإسرافي في أمري وما أنت أعلم به مني، اللهم اغفر لي ما قدمت وما أخرت، وما أسررت وما أعلنت وما أنت أعلم به مني، أنت المقدم وأنت المؤخر وأنت على كل شيء قدير
الموقع البحث
}}}
تم الشكر بواسطة:
sanyor77 غير متصل
عضو مبدع
المشاركات : 110
المواضيع 0
الإنتساب : Apr 2022
السمعة : 3
الشكر: 0
تم شكره 47 مرات في 31 مشاركات
#3
26-03-23, 12:16 PM
وعليكم السلام ورحمة الله وبركاته.

شكراً لك على سؤالك، ويمكن استخدام الخاصية 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;

يمكن استخدام هذه الخاصيات بشكل منفصل أو مجتمعة في نفس العنصر، حسب المتطلبات التصميمية الخاصة بك.

ملاحظة: يجب تأكد من دعم المتصفحات لهذه الخصائص، حيث أن بعض المتصفحات القديمة قد لا تدعمها بالكامل.
البحث
}}}
تم الشكر بواسطة: سعود
سعود غير متصل
عضو نشيط
*
المشاركات : 7,397
المواضيع 802
الإنتساب : Sep 2013
السمعة : 853
الشكر: 13167
تم شكره 18826 مرات في 4421 مشاركات
#4
31-03-23, 01:46 AM
(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;

يمكن استخدام هذه الخاصيات بشكل منفصل أو مجتمعة في نفس العنصر، حسب المتطلبات التصميمية الخاصة بك.

ملاحظة: يجب تأكد من دعم المتصفحات لهذه الخصائص، حيث أن بعض المتصفحات القديمة قد لا تدعمها بالكامل.

شكرا لك على المشاركة.
اللهم إني أعوذ بك من غلبة الدين وغلبة العدو، اللهم إني أعوذ بك من جهد البلاء ومن درك الشقاء ومن سوء القضاء ومن شماتة الأعداء
اللهم اغفر لي خطيئتي وجهلي، وإسرافي في أمري وما أنت أعلم به مني، اللهم اغفر لي ما قدمت وما أخرت، وما أسررت وما أعلنت وما أنت أعلم به مني، أنت المقدم وأنت المؤخر وأنت على كل شيء قدير
الموقع البحث
}}}
تم الشكر بواسطة:
موضوع مغلق 


التنقل السريع :


يقوم بقرائة الموضوع: