ویژگی Style backgroundImage
- صفحه قبلی backgroundColor
- صفحه بعدی backgroundPosition
- بازگشت به لایه بالاتر صورت Style HTML DOM
تعریف و استفاده
backgroundImage تنظیم یا بازگشتی از تصویر پس‌زمینه عنصر.
نکته:علاوه بر تصویر پس‌زمینه، باید رنگ پس‌زمینه را نیز مشخص کنید. اگر تصویر در دسترس نباشد، از رنگ پس‌زمینه استفاده خواهد شد.
لطفاً به
طراحی HTML:ویژگی پس‌زمینه
آموزش 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')|none|initial|inherit"
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| url('URL) | مکان فایل تصویر. |
| none | بدون تصویر پس‌زمینه. پیش‌فرض. |
| initial | این ویژگی را به مقدار پیش‌فرض خود تنظیم کنید. لطفاً به initial. |
| inherit | این ویژگی را از عنصر والد خود ارث می‌برد. لطفاً به inherit. |
جزئیات فنی
| مقدار پیش‌فرض: | none |
|---|---|
| مقدار بازگشتی: | رشته‌ای که تصویر پس‌زمینه را نشان می‌دهد. |
| نسخه CSS: | CSS1 |
پشتیبانی مرورگر
backgroundImage این یک ویژگی CSS1 (1996) است.
همه مرورگرها این را به طور کامل پشتیبانی می‌کنند:
| کروم | ایج | فایرفاکس | سفاری | اپرا | IE |
|---|---|---|---|---|---|
| کروم | ایج | فایرفاکس | سفاری | اپرا | IE |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
- صفحه قبلی backgroundColor
- صفحه بعدی backgroundPosition
- بازگشت به لایه بالاتر صورت Style HTML DOM
