خاصية Style border

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

border تُعين الخاصية بتنسيق مختصر أو تعين/إرجاع أكبر من ثلاث خاصيات هوامش منفردة.

من خلال هذه الخاصية، يمكنك تعيين/إرجاع ما يلي (بترتيب لا يهم):

انظر أيضًا:

دليل CSSحلقة CSS

كتيب CSSخاصية border

مثال

مثال 1

إضافة هوامش إلى العنصر <div>:

document.getElementById("myDiv").style.border = "thick solid #0000FF";

تجربة شخصية

مثال 2

تغيير عرض، النمط واللون للهوامش للعنصر <div>:

document.getElementById("myDiv").style.border = "thin dotted red";

تجربة شخصية

مثال 3

إرجاع قيمة خاصية border للعنصر <div>:

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

تجربة شخصية

النحو

إرجاع خاصية border:

object.style.border

تعيين خاصية border:

object.style.border = "width style color|initial|inherit"

قيمة الخاصية

القيمة وصف
width تعيين عرض الهوامش.
style تعيين نمط الهوامش.
color تعيين لون الهوامش.
initial أعد هذه الخاصية إلى قيمتها الافتراضية. انظر initial.
inherit تنقل هذه الخاصية من عنصر الأب إليها. انظر inherit.

تفاصيل تقنية

القيمة الافتراضية: غير محدد.
قيمة العودة: قيمة نصية، تعبر عن عرض الهوامش، النمط و/أو اللون للعنصر.
إصدار CSS: CSS1

دعم المتصفح

border هي خاصية CSS1 (1996).

جميع المتصفحات تدعمها بشكل كامل:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
دعم دعم دعم دعم دعم دعم