أحدث البرامج التعليمية وتطوير الشبكة
 

Style border Property

<كائن نمط

مثال

إضافة حد إلى <div> العنصر:

document.getElementById("myDiv").style.border = "thick solid #0000FF";
انها محاولة لنفسك »

أكثر "Try it Yourself" الأمثلة أدناه.


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

مجموعات الحدود الممتلكات أو عائدات تصل إلى ثلاث خصائص الحدود منفصلة، ​​في شكل اختصار.

مع هذه الخاصية، يمكنك ضبط / عودة واحد أو أكثر من الإجراءات التالية (في أي ترتيب):

  • عرض الحدود
  • نمط الحدود
  • الحدود بين اللون

دعم المتصفح

الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.

خاصية
border 1.0 4.0 1.0 1.0 3.5

بناء الجملة

إعادة الممتلكات الحدود:

object .style.border

تعيين الخاصية الحدود:

object .style.border=" قيم الممتلكات
معامل وصف
width تعيين عرض الحدود
style يحدد أسلوب الحدود
color تعيين لون الحدود
initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي
inherit يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة

تفاصيل تقنية

القيمة الافتراضية: غير محدد
قيمة الإرجاع: سلسلة تمثل الحدود العرض والأسلوب و/ أو لون عنصر
صفحة CSS CSS1

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

مثال

تغيير العرض والأسلوب واللون من الحدود ل <div> العنصر:

document.getElementById("myDiv").style.border = "thin dotted red";
انها محاولة لنفسك »

مثال

العودة قيم الخاصية الحدود ل <div> العنصر:

alert(document.getElementById("myDiv").style.border);
انها محاولة لنفسك »

صفحات ذات صلة

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

CSS المرجع border property


<كائن نمط