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