نمط الحدود خاصية Radus
مثال
أضف حدودًا مستديرة إلى عنصر div:
document.getElementById("myDIV").style.borderRadius = "25px";
التعريف والاستخدام
الخاصية borderRadius هي خاصية اختصار لتعيين أو إرجاع خصائص borderRadius الأربعة.
خصائص نصف قطر الحدود الأربعة هي (بهذا الترتيب):
نصيحة: تتيح لك هذه الخاصية إضافة زوايا مستديرة إلى العناصر!
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
borderRadius | Yes | 9.0 | Yes | Yes | Yes |
بناء الجملة
إعادة الخاصية borderRadius:
object.style.borderRadius
قم بتعيين خاصية borderRadius:
object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"
ملاحظة: القيم الأربع لكل نصف قطر معطاة بالترتيب أعلى اليسار ، أعلى اليمين ، أسفل اليمين ، أسفل اليسار. إذا تم حذف أسفل اليسار ، فسيكون هو نفسه أعلى اليمين. إذا تم حذف أسفل اليمين ، فسيكون هو نفسه أعلى اليسار. إذا تم حذف أعلى اليمين ، فسيكون هو نفسه أعلى اليسار.
قيم الملكية
Value | Description |
---|---|
length | Defines the shape of the corners. Default value is 0 |
% | Defines the shape of the corners in % |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | 0 |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل الخاصية border-radius لعنصر |
إصدار CSS | CSS3 |
الصفحات ذات الصلة
مرجع CSS: خاصية نصف قطر الحدود