خصائص Style borderStyle

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

borderStyle يضبط أو يعيد القيمة الخاصية للعنصر الحاجز للنمط.

يمكن لهذا الخصائص أن تأخذ من واحد إلى أربعة قيم:

  • قيمة واحدة، مثل: p {border-style: solid} - جميع الحواف الأربعة خطوط مستقيمة
  • اثنتان قيم، مثل: p {border-style: solid dotted} - الحواف العلوية والسفلية خطوط مستقيمة، الحواف اليمنى واليسرى خطوط مبهمة
  • ثلاثة قيم، مثل: p {border-style: solid dotted double} - الحافة العلوية خط مستقيم، الحواف اليمنى واليسرى خطوط نقطية، الحافة السفلية خط مزدوج
  • اربعة قيم، مثل: p {border-style: solid dotted double dashed} - الحافة العلوية خط مستقيم، الحافة اليمنى خط مبهم، الحافة السفلية خط مزدوج، الحافة اليسرى خط مبهم

يرجى الرجوع إلى:

دليل تعليم CSS:حاويات CSS للجدار

دليل CSS:خصائص border-style

دليل DOM HTML:border 属性

实例

خصائص الحافة

مثال

مثال 1

تعريف listValue = selectTag.options[selectTag.selectedIndex].text;

إضافة حافة صلبة للـ <div>:

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

مثال 2

تعريف listValue = selectTag.options[selectTag.selectedIndex].text;

تغيير نمط حافة العناصر الأربعة للـ <div>:

document.getElementById("myDiv").style.borderStyle = "dotted solid double dashed";

مثال 3

تعريف listValue = selectTag.options[selectTag.selectedIndex].text;

إرجاع نمط حافة العنصر <div>:

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

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

تعريف listValue = selectTag.options[selectTag.selectedIndex].text;

document.getElementById("myDiv").style.borderStyle = listValue;

تجربة شخصية

إعداد خصائص borderStyle:النحو

.style.borderStyle

إعداد خصائص borderStyle:الهدف .style.borderStyle =
قيمة القيمة
وصف لا شيء
تحديد حافة بدون حواف. افتراضي. مخفي
مثل "لا شيء"، باستثناء حل نزاعات حواف العناصر tabular. نقاط
تحديد حافة نقاط. مكسورة
تحديد حافة مكسورة. صلبة
تحديد حافة صلبة. مزدوج
تحديد حافة مزدوجة. عرض الحواف نفس عرض border-width. منحنية تحديد حافة داخلية ثلاثية الأبعاد. التأثير يعتمد على border-color
تحديد حافة منحنية ثلاثية الأبعاد. التأثير يعتمد على منتصبة تحديد حافة داخلية ثلاثية الأبعاد. التأثير يعتمد على border-color
تحديد حافة منتصبة ثلاثية الأبعاد. التأثير يعتمد على داخلية تحديد حافة داخلية ثلاثية الأبعاد. التأثير يعتمد على border-color
القيمة. تحديد حافة خارجة ثلاثية الأبعاد. التأثير يعتمد على قيمة border-color.
الافتراضي اعتماد هذا العنصر على القيمة الافتراضية. يرى الافتراضي.
تنسيق يرجى الرجوع إلى عنصر الوراثة هذا. يرى تنسيق.

تفاصيل تقنية

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

دعم المتصفح

كروم إدج فايرفوكس Safari Opera
كروم إدج فايرفوكس Safari Opera
الدعم الدعم الدعم الدعم الدعم