خصائص نمط الحدود اليمنى للCSS

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

يحدد خاصية border-right-style نمط الحد اليمني للعنصر.

يظهر الحد فقط عندما لا يكون هذا القيمة none.

في CSS1، يجب أن يدعم وكيل HTML فقط solid و none.

انظر أيضًا:

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

دليل CSS:خاصية border-right

دليل HTML DOM:خاصية borderRightStyle

مثال

تعيين نمط الحدود اليمنى:

p
  {
  border-style:solid;
  border-right-style:dotted;
  }

جرب بنفسك

جافا سكربت:

border-right-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

قيمة الخاصية

القيمة الوصف
none يحدد عدم وجود حدود.
hidden مثل "none"، باستثناء تطبيقه على الجداول، حيث يستخدم "hidden" لحل صراع الحدود.
dotted يحدد حدود نقاط. يُعرض في معظم المتصفحات على أنه خط صلب.
dashed يحدد خطًا مقطوعًا. يُعرض في معظم المتصفحات على أنه خط صلب.
solid يحدد خطًا صلبًا.
double يحدد خطين متوازيين. عرض الخطين يساوي قيمة border-width.
groove يحدد حدود 3D grooved. تأثيرها يعتمد على قيمة border-color.
ridge يحدد حدود 3D ridged. تأثيرها يعتمد على قيمة border-color.
inset يحدد حدود 3D inset. تأثيرها يعتمد على قيمة border-color.
outset يحدد حدود 3D outset. تأثيرها يعتمد على قيمة border-color.
inherit يحدد أنه يجب أن يتم تنسيق نمط الحدود من العنصر الأم.

تفاصيل تقنية

القيمة الافتراضية: not specified
التنسيقية: no
الإصدار: CSS1
جافا سكربت: object.style.borderRightStyle="dotted"

مزيد من الأمثلة

تعيين نمط الحدود اليمنى
هذا المثال يوضح كيفية تعيين نمط الحدود اليمنى.

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم هذه الخاصية بشكل كامل.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5