سمة style-borderRightStyle

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

borderRightStyle تعيين أو استرداد نمط الحاشية اليمنى للعنصر.

انظر أيضًا:

دليل CSS التعليمي:حافات CSS

دليل CSS:سمة style-borderRight

دليل HTML DOM:سمة الحاشية

مثال

مثال 1

إضافة حاشية "مليئة" إلى علامة <div>:

document.getElementById("myDiv").style.borderRightStyle = "solid";

جرب بنفسك

مثال 2

تعديل نمط حافة العنصر <div> إلى "dotted":

document.getElementById("myDiv").style.borderRightStyle = "dotted";

جرب بنفسك

مثال 3

العودة إلى نمط الحافة اليمنى للعنصر <div>:

alert(document.getElementById("myDiv").style.borderRightStyle);

جرب بنفسك

مثال 4

عرض جميع القيم المختلفة:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderRightStyle = listValue;

جرب بنفسك

النحو

العودة إلى خصائص borderRightStyle:

object.style.borderRightStyle

إعداد خصائص borderRightStyle:

object.style.borderRightStyle = value
القيمة الوصف
none يحدد حافة بدون حواف. افتراضي.
hidden مثل "لا شيء"، لكن استثناءً في حل نزاعات حواف العناصر الجدولية.
dotted يحدد حافة بالنقاط.
dashed يحدد حافة بالخطوط العريضة.
solid يحدد حافة كاملة.
double يحدد حافةين. عرض الحواف هو نفس قيمة border-width.
groove يحدد حافة جرف 3D. يعتمد التأثير على border-color القيم.
ridge يحدد حافة مرتفعة 3D. يعتمد التأثير على border-color القيم.
inset يحدد حافة داخلية 3D. يعتمد التأثير على border-color القيم.
outset يحدد حافة نافذة 3D. يعتمد التأثير على border-color القيم.
initial ضعه على قيمة افتراضية لهذا الخصائص. انظر initial.
inherit يرث هذا الخصائص من العنصر الأب. انظر inherit.

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

القيمة الافتراضية: لا شيء
القيمة الم返回ة: STRING، يمثل نمط حافة اليمين للعنصر.
إصدار CSS: CSS1

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

كروم إيدج فايرفوكس سفاري أوبرا
كروم إيدج فايرفوكس سفاري أوبرا
دعم دعم دعم دعم دعم