سی ایس ایس بیک گراوند اپسی کی اپریشن
- پچھلے پیج background-color
- آئندہ پیج background-origin
تعریف و استفاده
background-image ویژگی پسزمینه تصویر برای عنصر تنظیم میکند.
پسزمینه عنصر تمام اندازه عنصر را اشغال میکند، از جمله حاشیه داخلی و لبهها، اما شامل حاشیه خارجی نیست.
به صورت پیشفرض، تصویر پسزمینه در گوشه بالا سمت چپ عنصر قرار دارد و در جهت افقی و عمودی تکرار میشود.
توجه:لطفاً یک رنگ پسزمینه قابل استفاده تنظیم کنید، به این ترتیب اگر تصویر پسزمینه قابل استفاده نباشد، صفحه نیز از نظر بصری خوب به نظر میرسد.
توضیحات دقیق
ویژگی background-image تصویری را در پسزمینه عنصر تنظیم میکند.
بر اساس background-repeat مقدار ویژگی، تصویر میتواند به صورت نامحدود تکرار شود، یا در یک محور (محور x یا محور y) تکرار شود، یا اصلاً تکرار نشود.
تصویر پسزمینه اولیه (تصویر اصلی) بر اساس background-position مقدار ویژگی قرار میگیرد.
لطفاً ببینید:
آموزش CSS:CSS کا پس منظروپسزمینه CSS (پیشرفته)وCSS کا گرادیئنٹ
دستورالعمل HTML DOM:ویژگی backgroundImage
مثال
تصویر را به عنوان پسزمینه صفحه تنظیم کنید:
بدن
{
background-image: url(bgimage.gif);
background-color: #000000;
}
قوانین CSS
background-image: url|none|initial|inherit;
مقدار ویژگی
مقدار ویژگی
| مقدار | توضیح |
|---|---|
| url('URL') | مسیر به تصویر. |
| هیچیک | مقدار پیشفرض. تصویر پسزمینه نمایش داده نمیشود. |
| وراثت | این تعریف میکند که تنظیمات background-image باید از عنصر والد ارث ببرد. |
جزئیات فنی
| مقدار پیشفرض: | هیچیک |
|---|---|
| وراثت: | خیر |
| نسخه: | CSS1 |
| قوانین جاوااسکریپت: | اشیاء.style.backgroundImage="url(stars.gif)" |
پشتیبانی مرورگر
اعداد در جدول نشاندهنده نسخه اولیه مرورگرهای پشتیبان از این ویژگی هستند.
| کروم | اینجی | فایرفاکس | سافاری | آپرا |
|---|---|---|---|---|
| کروم | آیای / اینجی | فایرفاکس | سافاری | آپرا |
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- پچھلے پیج background-color
- آئندہ پیج background-origin
