نمط الخلفية: خاصية اللون
مثال
تعيين لون الخلفية للمستند:
document.body.style.backgroundColor = "red";
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
تقوم الخاصية backgroundColor بتعيين أو إرجاع لون الخلفية لعنصر ما.
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
backgroundColor | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
بناء الجملة
قم بإرجاع خاصية backgroundColor:
object.style.backgroundColor
قم بتعيين خاصية backgroundColor:
object.style.backgroundColor = "color|transparent|initial|inherit"
قيم الملكية
Value | Description |
---|---|
color | Specifies the background color. Look at CSS Color Values for a complete list of possible color values |
transparent | Default. The background color is transparent (underlying content will shine through) |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | شفاف |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل لون الخلفية |
إصدار CSS | CSS1 |
مزيد من الأمثلة
مثال
تعيين لون الخلفية لعنصر <div> محدد:
document.getElementById("myDiv").style.backgroundColor = "lightblue";
مثال
إرجاع لون الخلفية لعنصر <div> محدد:
alert(document.getElementById("myDiv").style.backgroundColor);
مثال
إرجاع لون الخلفية للمستند:
alert(document.body.style.backgroundColor);
الصفحات ذات الصلة
دروس CSS: خلفية CSS
مرجع CSS: خاصية لون الخلفية
مرجع DOM HTML: خاصية الخلفية