English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
يستخدم العنصر الخاصية background-image لضبط صورة الخلفية. عادة ما يتم استخدام ملاحظة مختصرة.الخلفيةخصائص أكثر مرونة.
الجدول أدناه يلخص سياق الاستخدام لهذه الخاصية وتاريخ الإصدارات.
القيمة الافتراضية: | لا شيء |
---|---|
التطبيق: | جميع العناصر |
تنسيق وراثي: | لا |
يمكن تحريكه: | لايرجى الرجوع إلى خصائص الرسوم المتحركة。 |
الإصدار: | CSS 1،2،3 |
جافا سكريبت: | object object.style.backgroundImage="url(image.gif)" |
نموذج هذه الخاصية كالتالي:
background-image: url | none | initial | تنسيق وراثي
في المثال أدناه، يتم عرض كيفية استخدام خاصية background-image.
body {background-image: url("images/pattern.jpg");}اختبار ل‹/›
تحذير: لا يدعم إصدارات Internet Explorer 8 وأقل من ذلك وجود أكثر من صورة خلفية للاعتماد على العنصر.
يصف الجدول أدناه قيم هذه الخاصية.
القيمة | الوصف |
---|---|
url | مسار الموارد للصورة المستخدمة كصورة خلفية. |
لا شيء | إذا تم تحديدها، فإن الصورة الخلفية لن تظهر. |
القيمة الافتراضية | اعتماد هذا الخصائص إلى قيمته الافتراضية. |
تنسيق وراثي | إذا تم تحديدها، فإن العنصر المرتبط يستخدم قيمة حساب خاصية background-image للعنصر الأب. |
مستوى التطابق للمتصفح في خصائص background-image، يدعم جميع المتصفحات الرئيسية هذه الخاصية.
|
يرجى الرجوع إلى التعليمات التالية:خلفية CSS،خلفية CSS3。
خصائص ذات صلة:الخلفية،الإلصاق الخلفية،لون الخلفية،قطع الخلفية،أصل الخلفية،وضع الخلفية،تكرار الخلفية،حجم الخلفية。