مثال
إضافة "solid" الحدود إلى <div> العنصر:
document.getElementById("myDiv").style.borderStyle = "solid"; انها محاولة لنفسك » تعريف والاستخدام
مجموعات الخاصية BorderStyle أو إرجاع أسلوب الحدود على العنصر.
هذا العقار يمكن أن يستغرق من أربعة القيم:
- قيمة واحدة، مثل: ع {على غرار الحدود: الصلبة} - كل الحدود الأربعة سوف تكون صلبة
- قيمتين، مثل: ع {على غرار الحدود: الصلبة منقط} - وأعلى وأسفل الحدود تكون صلبة، واليسار وسوف تنتشر الحد الأيمن
- ثلاث قيم، مثل: ع {على غرار الحدود: الصلبة منقط مزدوج} - سوف الحدود أعلى تكون صلبة، اليسار وسيتم منقط الحد الأيمن، والحد السفلي تكون مزدوجة
- أربعة القيم، مثل: ع {على غرار الحدود: الصلبة منقط ضعف متقطع} - سوف أعلى الحدود تكون صلبة، وسوف تنتشر الحد الأيمن، سيتم مضاعفة، سيتم متقطع الحد الأيسر الحد السفلي
دعم المتصفح
ويدعم الخاصية BorderStyle في جميع المتصفحات الرئيسية.
بناء الجملة
العودة الخاصية BorderStyle:
object .style.borderStyle
تعيين الخاصية BorderStyle:
object .style.borderStyle= قيم الممتلكات القيمة وصف none يعرف أي حدود. هذا هو الافتراضي hidden نفس "none" ، ما عدا في حل النزاعات الحدودية لعناصر الجدول dotted يعرف الحدود منقط dashed يعرف الحدود متقطع solid يعرف الحدود الصلبة double يعرف اثنين من الحدود. عرض حدود هما نفس القيمة للحدود العرض groove يعرف الحدود مخدد 3D. تأثير يعتمد على قيمة الحدود لون ridge يعرف الحدود مخدد 3D. تأثير يعتمد على قيمة الحدود لون inset يعرف الحدود 3D أقحم. تأثير يعتمد على قيمة الحدود لون outset يعرف الحدود البداية 3D. تأثير يعتمد على قيمة الحدود لون initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة
تفاصيل تقنية
القيمة الافتراضية: لا شيء قيمة الإرجاع: سلسلة تمثل النمط من الحدود على العنصر صفحة CSS CSS1
مزيد من الأمثلة
مثال
تغيير نمط الحدود الأربعة لل <div> العنصر:
document.getElementById("myDiv").style.borderStyle = "dotted solid double
dashed";
انها محاولة لنفسك »
مثال
عودة نمط الحدود ل <div> العنصر:
alert(document.getElementById("myDiv").style.borderStyle); انها محاولة لنفسك »
مثال
مظاهرة من كل القيم مختلفة:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderStyle = listValue; انها محاولة لنفسك »
صفحات ذات صلة
CSS التعليمي: CSS الحدود
CSS المرجع border-style property
HTML DOM المرجع border property
<كائن نمط