نمط الحدود خاصية TopRightRadius
مثال
أضف حدًا مستديرًا إلى الزاوية العلوية اليمنى لعنصر div:
document.getElementById("myDIV").style.borderTopRightRadius = "25px";
التعريف والاستخدام
تحدد الخاصية borderTopRightRadius شكل حد الزاوية العلوية اليمنى.
نصيحة: تسمح لك هذه الخاصية بإضافة حدود مستديرة للعناصر!
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
borderTopRightRadius | Yes | 9.0 | Yes | Yes | Yes |
بناء الجملة
إعادة الخاصية borderTopRightRadius:
object.style.borderTopRightRadius
قم بتعيين خاصية borderTopRightRadius:
object.style.borderTopRightRadius = "length|% [length|%]|initial|inherit"
ملاحظة: قيمتي الطول أو النسبة المئوية لخصائص الحد العلوي الأيمن نصف القطر تحدد نصف قطر ربع القطع الناقص الذي يحدد شكل ركن حافة الحد الخارجي. القيمة الأولى هي نصف القطر الأفقي ، والثانية هي نصف القطر الرأسي. إذا تم حذف القيمة الثانية ، يتم نسخها من الأولى. إذا كان أي من الطول صفراً ، فإن الزاوية تكون مربعة وليست مدورة. تشير النسب المئوية لنصف القطر الأفقي إلى عرض مربع الحد ، بينما تشير النسب المئوية لنصف القطر الرأسي إلى ارتفاع مربع الحد.
قيم الملكية
Value | Description |
---|---|
length | Defines the shape of the top-right corner |
% | Defines the shape of the top-right corner 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-top-right-radius لعنصر |
إصدار CSS | CSS3 |
الصفحات ذات الصلة
مرجع CSS: خاصية border-top-right-radius
❮ نمط الكائن