خصائص Style backgroundColor

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

backgroundColor تعيين أو استرداد لون الخلفية للعنصر.

يرجى الرجوع إلى

نماذج HTML النمطيةخصائص الخلفية

دليل CSS التعليميخلفيات CSS

دليل CSSخاصية background-color

مثال

مثال 1

إعداد لون الخلفية للوثيقة:

document.body.style.backgroundColor = "red";

جرب بنفسك

مثال 2

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

document.getElementById("myDiv").style.backgroundColor = "lightblue";

جرب بنفسك

مثال 3

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

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

جرب بنفسك

مثال 4

استرداد لون الخلفية للوثيقة:

alert(document.body.style.backgroundColor);

جرب بنفسك

النحو

استرداد الخاصية backgroundColor:

الشكل.style.backgroundColor

إعداد الخاصية backgroundColor:

الشكل.style.backgroundColor = "لون|شفاف|افتراضي|inherit"

قيمة الخاصية

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

يحدد لون الخلفية.

انظر قيم الألوان CSS، للحصول على قائمة كاملة بأسماء الألوان الممكنة.
شفاف الافتراضي. لون الخلفية شفاف (سيظهر المحتوى الأساسي).
initial أعد هذا الخصائص إلى قيمته الافتراضية. يرجى الرجوع إلى initial.
inherit يرث هذا الخصائص من العنصر الأم. يرجى الرجوع إلى inherit.

تفاصيل تقنية

القيمة الافتراضية: شفاف
القيمة المعدلة: نص، يمثل لون الخلفية.
إصدار CSS: CSS1

دعم المتصفحات

backgroundColor هو خاصية CSS1 (1996).

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

كروم إيدج فايرفوكس سفاري أوبرا IE
كروم إيدج فايرفوكس سفاري أوبرا IE
دعم دعم دعم دعم دعم دعم