خصائص Style borderTopLeftRadius

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

borderTopLeftRadius يحدد هذا الخصائص شكل الحافات الزاوية العلوية اليسرى.

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

يرجى الرجوع أيضًا إلى:

دليل CSS:خصائص border-top-left-radius

مثال

إضافة زاوية دائرية على الزاوية العلوية اليسرى لل div:

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

تجربة شخصية

النحو

استرداد خصائص borderTopLeftRadius:

object.style.borderTopLeftRadius

تعيين خصائص borderTopLeftRadius:

object.style.borderTopLeftRadius = "length|% [length|%]|initial|inherit"

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

قيمة الخصائص

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

تفاصيل تقنية

القيمة الافتراضية: 0
القيمة المقدمة: النص، يمثل خصائص border-top-left-radius.
إصدار CSS: CSS3

دعم المتصفح

شرح Edge Firefox Safari Opera
شرح Edge Firefox Safari Opera
الدعم 9.0 الدعم الدعم الدعم