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