CSS border-top-left-radius naɗi

التعريف والاستخدام

تعريف خاصية 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: object.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