نمط backgroundImage خاصية
مثال
تعيين صورة خلفية للمستند:
document.body.style.backgroundImage = "url('img_tree.png')";
المزيد من الأمثلة "جربها بنفسك" أدناه.
التعريف والاستخدام
تقوم الخاصية backgroundImage بتعيين أو إرجاع صورة الخلفية لعنصر ما.
نصيحة: بالإضافة إلى صورة الخلفية ، يجب أيضًا تحديد لون الخلفية. سيتم استخدام لون الخلفية في حالة عدم توفر الصورة.
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
backgroundImage | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
بناء الجملة
قم بإرجاع خاصية backgroundImage:
object.style.backgroundImage
قم بتعيين خاصية backgroundImage:
object.style.backgroundImage = "url('URL')|none|initial|inherit"
قيم الملكية
Value | Description |
---|---|
url('URL') | The location of the image file |
none | No background image. This is default |
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.backgroundImage = "url('img_tree.png')";
مثال
إرجاع صورة الخلفية لعنصر <div> محدد:
alert(document.getElementById("myDiv").style.backgroundImage);
مثال
إرجاع صورة الخلفية للمستند:
alert(document.body.style.backgroundImage);
الصفحات ذات الصلة
دروس CSS: خلفية CSS
دروس CSS3: خلفيات CSS3
مرجع CSS: خاصية صورة الخلفية
مرجع DOM HTML: خاصية الخلفية