خصوصیت background-image CSS
- صفحه قبلی background-color
- صفحه بعدی background-origin
تعریف و استفاده
background-image ویژگی پس‌زمینه تصویر برای عنصر تنظیم می‌کند.
پس‌زمینه عنصر شامل تمام اندازه عنصر است، از جمله فضای بین محیط (padding) و حاشیه (border)، اما شامل حاشیه بیرونی (margin) نیست.
به صورت پیش‌فرض، تصویر پس‌زمینه در گوشه بالا سمت چپ عنصر قرار دارد و در جهت افقی و عمودی تکرار می‌شود.
توضیحات:لطفاً یک رنگ پس‌زمینه قابل استفاده تنظیم کنید، به این ترتیب اگر تصویر پس‌زمینه در دسترس نباشد، صفحه نیز می‌تواند از نظر بصری خوب به نظر برسد.
توضیحات دقیق
ویژگی background-image تصویری را در پس‌زمینه عنصر تنظیم می‌کند.
بر اساس background-repeat مقدار ویژگی، تصویر می‌تواند به صورت نامحدود تکرار شود، یا به صورت افقی یا عمودی در یک محور (x یا y) تکرار شود، یا اصلاً تکرار نشود.
تصویر پس‌زمینه اولیه (تصویر اصلی) بر اساس background-position مکان قرارگیری مقادیر ویژگی
لطفاً ببینید:
آموزش CSS:پس‌زمینه CSSوپس‌زمینه CSS (پیشرفته)وتغییرات CSS
دستورالعمل مرورگر HTML DOM:ویژگی backgroundImage
مثال
تنظیم تصویر به عنوان پس‌زمینه صفحه:
body
{
background-image: url(bgimage.gif);
background-color: #000000;
}
آموزش دستور زبان CSS
background-image: url|none|initial|inherit;
مقدار ویژگی
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| url('URL') | مسیر به تصویر. |
| none | مقدار پیش‌فرض. تصویر پس‌زمینه نمایش داده نمی‌شود. |
| inherit | این ویژگی باید تنظیمات background-image از عنصر والد خود را به ارث ببرد. |
جزئیات فنی
| مقدار پیش‌فرض: | none |
|---|---|
| میراث پذیری: | no |
| نسخه: | CSS1 |
| آموزش دستور زبان JavaScript: | object.style.backgroundImage="url(stars.gif)" |
پشتیبانی مرورگر
تبصره: نسخه اولین مرورگر پشتیبان از این ویژگی را در جدول ذکر شده است.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | IE / Edge | Firefox | Safari | Opera |
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- صفحه قبلی background-color
- صفحه بعدی background-origin
