خصائص النمط للعنصر DOM HTML

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

style الخصائص تعود بالقيمة الخاصة بـ style الخاصية للعنصر، كجسم CSSStyleDeclaration.

يحتوي جسم CSSStyleDeclaration على جميع خصائص النمط المدمج في العنصر. إنه لا يحتوي على <head> أي خصائص نمط تم تعيينها جزئيًا أو بأكمله في أي جدول خارجي لأسلوب.

نقطة 1

لا يمكنك تعيين مثل هذا النمط:

element.style = "color:red";

يجب أن تستخدم CSS الخاصية مثل هذه:

element.style.backgroundColor = "red";

تجربة بنفسك

نقطة 2

نحو JavaScript و CSS مختلفة قليلاً:

backgroundColor / background-color

انظر لدينا دليل كامل لجسم النمط.

نقطة 3

استخدم الخاصية style هذه بدلاً من مетод setAttribute()لمنع تغطية خصائص أخرى لـ style الخاصية.

انظر أيضًا:

دليل CSS

كتيب مرجع CSS

جسم النمط

علامة <style> في HTML

مثال

مثال 1

تغيير لون "myH1":

document.getElementById("myH1").style.color = "red";

تجربة بنفسك

مثال 2

الحصول على قيمة الحافة العلوية لـ "myP":

let value = document.getElementById("myP").style.borderTop;

تجربة بنفسك

النحو

التحويل الخاصية style:

الجسم.style.الخصوصية

تعيين الخاصية style:

الجسم.style.الخصوصية = القيمة

قيمة الخاصية

القيمة وصف
القيمة

تحديد قيمة الخاصية.

مثال:

element.style.borderBottom = "2px solid red"

القيمة التي تعود

نوع وصف
الجسم مثل CSSStyleDeclaration للاعتبار

دعم المتصفح

element.style هي خاصية مستوى 2 للـ DOM (2001).

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

كروم إي-إي إدج فايرفوكس سفاري أوبرا
كروم إي-إي إدج فايرفوكس سفاري أوبرا
الدعم 9-11 الدعم الدعم الدعم الدعم