خصائص borderRadius النمط

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

borderRadius الخصائص هي الخاصية المختصرة لتعيين أو إرجاع خصائص borderRadius الأربعة.

خصائص borderRadius الأربعة هي (بالترتيب):

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

انظر أيضًا:

دليل CSS:خصائص borderRadius

مثال

إضافة زوايا منحنية إلى عناصر div:

document.getElementById("myDIV").style.borderRadius = "25px";

تجربة شخصية

النحو

إرجاع borderRadius الخاصية:

object.style.borderRadius

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

object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"

التعليقات:القيم الأربعة لكل دايرة تقدمها في ترتيب يسار أعلى، ي右上، يسار أسفل، يأسفل. إذا تم تهميش أسفل يسار، فإنها ستكون نفسها مثل ي右上. إذا تم تهميش يأسفل، فإنها ستكون نفسها مثل يأعلى يسار. إذا تم تهميش يأعلى ي右上، فإنها ستكون نفسها مثل يأعلى يسار.

قيمة الخصائص

القيمة الوصف
length تحديد شكل الزوايا. القيمة الافتراضية هي 0.
% تحديد شكل الزوايا ب百分比.
initial اجعل هذا الخصائص يساوي قيمته الافتراضية. يرجى الرجوع إلى initial.
inherit يرث هذا الخصائص من العنصر الأب. يرجى الرجوع إلى inherit.

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

القيمة الافتراضية: 0
القيمة المعدلة: STRING، يمثل خصائص borderRadius.
إصدار CSS: CSS3

دعم المتصفحات

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
دعم 9.0 دعم دعم دعم