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