أحدث البرامج التعليمية وتطوير الشبكة
 

Style backgroundImage Property

<كائن نمط

مثال

تعيين صورة خلفية للمستند:

document.body.style.backgroundImage = "url('img_tree.png')";
انها محاولة لنفسك »

أكثر "Try it Yourself" الأمثلة أدناه.


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

مجموعات الملكية backgroundImage أو إرجاع صورة خلفية عنصر.

Tip: بالإضافة إلى خلفية الصورة يجب أيضا تحديد لون الخلفية. سيتم استخدام لون الخلفية إذا كانت الصورة غير متوفرة.


دعم المتصفح

الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.

خاصية
backgroundImage 1.0 4.0 1.0 1.0 3.5

بناء الجملة

إعادة الممتلكات backgroundImage:

object .style.backgroundImage

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

object .style.backgroundImage="url(' قيم الممتلكات
القيمة وصف
url( 'URL' ) موقع ملف الصورة
none لا يوجد صورة الخلفية. هذا هو الافتراضي
initial تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي
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 إشارة: background-image property

HTML DOM إشارة: background property


<كائن نمط