نمط الحدود: خاصية اليمين
مثال
أضف حدًا أيمنًا إلى عنصر <div>:
document.getElementById("myDiv").style.borderRight = "thick solid #0000FF";
التعريف والاستخدام
تقوم خاصية borderRight بتعيين أو إرجاع ما يصل إلى ثلاث خصائص منفصلة لليمين على الحدود ، في نموذج اختصار.
باستخدام هذه الخاصية ، يمكنك تعيين / إرجاع واحد أو أكثر مما يلي (بأي ترتيب):
- عرض يمين الحد
- نمط يمين الحدود
- لون يمين الحدود
دعم المتصفح
Property | |||||
---|---|---|---|---|---|
borderRight | Yes | Yes | Yes | Yes | Yes |
بناء الجملة
إعادة الخاصية borderRight:
object.style.borderRight
قم بتعيين خاصية borderRight:
object.style.borderRight = "width style color|initial|inherit"
قيم الملكية
Parameter | Description |
---|---|
width | Sets the width of the right border |
style | Sets the style of the right border |
color | Sets the color of the right border |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | غير محدد |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل عرض ونمط و / أو لون الحد الأيمن للعنصر |
إصدار CSS | CSS1 |
مزيد من الأمثلة
مثال
غيّر عرض ونمط ولون الحد الأيمن لعنصر <div>:
document.getElementById("myDiv").style.borderLeft = "thin dotted red";
مثال
قم بإرجاع قيم خاصية يمين الحدود لعنصر <div>:
alert(document.getElementById("myDiv").style.borderLeft);
الصفحات ذات الصلة
دروس CSS: CSS Border
مرجع CSS: خاصية border-right
مرجع DOM HTML: خاصية الحدود