خصائص دائرة الحدود السفلية اليمنى CSS

定义和用法

border-bottom-right-radius 属性定义右下角边框的形状。

提示：该属性允许您向元素添加圆角边框。

另请参阅：

CSS3 教程：حواف CSS3

实例

向 div 元素的右下角添加圆角边框：

div
{
border:2px solid;
border-bottom-right-radius:2em;
}

亲自试一试

CSS 语法

border-bottom-right-radius: length|% [length|%

التعليقات:قيمة طول الخاصية border-bottom-right-radius والنسبة المئوية تعرف نصف قطر ربع الدائرة المكونة من الربع الخارجي من حواف الهوامش (تحديد شكل الزاوية للهوامش). القيمة الأولى هي نصف القطر الأفقي، والقيمة الثانية هي نصف القطر العمودي. إذا تم تمرير القيمة الثانية، يتم نسخ القيمة الأولى. إذا كان الطول صفرًا، فإن الزاوية تكون مربعة وليست دائرية. يتم مرجع النسبة المئوية لنصف القطر الأفقي إلى عرض الصندوق الحدودي، ونصف القطر العمودي يتم مرجعه إلى الارتفاع الصندوق الحدودي.

قيمة الخاصية

القيمة الوصف الاختبار
length تحديد شكل الزاوية السفلية اليمنى. الاختبار
% تحديد شكل الزاوية السفلية اليمنى بالنسبة المئوية. الاختبار

تفاصيل التقنية

القيمة الافتراضية: 0
التنقل: لا
الإصدار: CSS3
جملة لغة JavaScript: object.style.borderBottomRightRadius="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