أحدث البرامج التعليمية وتطوير الشبكة
 

Style borderRadius Property

<كائن نمط

مثال

إضافة حدود المدورة لعنصر div:

document.getElementById("myDIV").style.borderRadius = "25px";
انها محاولة لنفسك »

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

الخاصية borderRadius هي الخاصية المختصرة لتحديد، أو العودة، وأربعة الحدود * خصائص الشعاع.

Tip: هذه الخاصية تسمح لك بإضافة تدوير الزوايا لعناصر!


دعم المتصفح

Internet ExplorerFirefoxOperaGoogle ChromeSafari

ويدعم خاصية borderRadius في IE9 +، فايرفوكس، كروم، سفاري، وأوبرا.


بناء الجملة

إعادة الممتلكات borderRadius:

object .style.borderRadius

تعيين الخاصية borderRadius:

object .style.borderRadius=" Note: يتم إعطاء القيم أربعة لكل نصف قطر في الترتيب اليسار أعلى، أعلى يمين، أسفل اليمين، من أسفل إلى اليسار. إذا تم حذف أسفل الجانب الأيمن هو نفس من أعلى إلى اليمين. إذا تم حذف أسفل اليمين أنه هو نفسه من أعلى إلى اليسار. إذا تم حذف أعلى اليمين هو نفس العلوية اليسرى.

قيم الممتلكات

القيمة وصف
length يحدد شكل زوايا. القيمة الافتراضية هي 0
% يحدد شكل زوايا في٪
initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي
inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة

تفاصيل تقنية

القيمة الافتراضية: 0
قيمة الإرجاع: A سلسلة، تمثل ممتلكات نصف قطرها الحدود عنصر
صفحة CSS CSS3

صفحات ذات صلة

CSS المرجع border-radius property


<كائن نمط