خصائص الحدود الدائرية العلوية-اليسرى لـ CSS
- الصفحة السابقة border-top-color
- الصفحة التالية border-top-right-radius
التعريف والاستخدام
يحدد الخاصية border-top-left-radius شكل الهامش الزاوي العلوية اليسرى.
نصيحة:يُمكنك من إضافة هامش دائري إلى العنصر.
انظر أيضًا:
دليل CSS3:حواف CSS3
مثال
إضافة هامش دائري إلى الزاوية العلوية اليسرى للعنصر div:
div
{
border:2px solid;
border-top-left-radius:2em;
}
قواعد اللغة CSS
border-bottom-right-radius: length|% [length|%];
ملاحظة:قيمة طول الخاصية border-top-left-radius وفقًا للنسبة المئوية تعرف نصف قطر ربع دائرة المربعة (radii) لرسم الشكل الرباعي (الشكل الخارجي من هامش الهوامش). القيمة الأولى هي النصف القطر الأفقي، والقيمة الثانية هي النصف القطر العمودي. إذا تم تجاهل القيمة الثانية، يتم تكرار القيمة الأولى. إذا كان الطول صفرًا، فإن الزاوية تكون مربعة وليست دائرية. نسبة النصف القطر الأفقي تُقاس بناءً على عرض الهوامش، ونسبة النصف القطر العمودي تُقاس بناءً على طول الهوامش.
قيمة الخاصية
| القيمة | الوصف | اختبار |
|---|---|---|
| length | تحديد شكل الزاوية السفلية اليسرى. | اختبار |
| % | تحديد شكل الزاوية السفلية اليسرى بالنسبة المئوية. | اختبار |
تفاصيل التقنية
| القيمة الافتراضية: | 0 |
|---|---|
| الوراثة: | لا |
| الإصدار: | CSS3 |
| قواعد اللغة JavaScript: | JavaScript.style.borderTopLeftRadius="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-color
- الصفحة التالية border-top-right-radius
