خصائص backgroundImage Style

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

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

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

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

تصميم HTMLخاصية background

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

دليل CSS3خلفيات CSS3

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

مثال

مثال 1

تعيين صورة الخلفية للوثيقة:

document.body.style.backgroundImage = "url('img_tree.png')";

جرب بنفسك

مثال 2

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

document.getElementById("myDiv").style.backgroundImage = "url('img_tree.png')";

جرب بنفسك

مثال 3

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

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

جرب بنفسك

مثال 4

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

alert(document.body.style.backgroundImage);

جرب بنفسك

القواعد

استرداد خاصية backgroundImage:

عنصر.style.backgroundImage

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

عنصر.style.backgroundImage = "url('رابط')|لا شيء|الافتراضي|وراثي"

قيمة الخاصية

القيمة الوصف
url('رابط) موقع ملف الصورة.
لا شيء لا توجد صور خلفية. افتراضي.
الافتراضي ضع هذا الخصائص على قيمته الافتراضية. انظر الافتراضي.
وراثي يرث هذا الخصائص من العنصر الأم. انظر وراثي.

تفاصيل التقنية

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

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

backgroundImage هي خاصية CSS1 (1996).

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

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