خصائص الحواف الدائرية العلوية اليمنى للحدود لـ CSS
- الصفحة السابقة border-top-left-radius
- الصفحة التالية border-top-style
التعريف والاستخدام
تعرف خاصية border-top-right-radius شكل الهوامش السفلية اليمنى.
نصيحة:تسمح لك هذه الخاصية بإضافة زوايا دائرية إلى العنصر.
انظر أيضًا:
دليل CSS3:حواف CSS3
مثال
إضافة زوايا دائرية إلى الزاوية العلوية اليمنى لعدد div:
div
{
border:2px solid;
border-top-right-radius:2em;
}
جملة CSS
border-top-right-radius: length|% [length|%];
ملاحظة:قيمة طول خاصية border-top-right-radius هي قيمة طولية ونسبة مئوية تعرف نصف قطر ربع الدائرة (radii) للربع الدائرة (تعرف شكل الزاوية الخارجية للهوامش). القيمة الأولى هي نصف القطر الأفقي، والقيمة الثانية هي نصف القطر العمودي. إذا تم تمرير القيمة الثانية، يتم نسخ القيمة الأولى. إذا كان الطول صفرًا، فإن الزاوية تكون مربعة وليست دائرية. نسبة القطر الأفقي تشير إلى عرض الصندوق الحدودي، ونسبة القطر العمودي تشير إلى الارتفاع.
قيمة الخاصية
| القيمة | الوصف | الاختبار |
|---|---|---|
| length | تحديد شكل الزاوية العلوية اليمنى. | الاختبار |
| % | تحديد شكل الزاوية العلوية اليمنى بالنسبة المئوية. | الاختبار |
تفاصيل التقنية
| القيمة الافتراضية: | 0 |
|---|---|
| التنسيق: | لا |
| الإصدار: | CSS3 |
| جافا سكريبت الجملة: | object.style.borderTopRightRadius="5px" |
دعم المتصفح
الرقم في الجدول يشير إلى إصدار أول متصفح يدعم هذه الخاصية.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 5.0 4.0 -webkit- |
9.0 | 4.0 3.0 -moz- |
5.0 3.1 -webkit- |
10.5 |
- الصفحة السابقة border-top-left-radius
- الصفحة التالية border-top-style
