English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

دليل مرجعي لـ CSS

قواعد @ في CSS

دليل الكامل للخصائص في CSS

استخدام خاصية background-image في CSS ومثال

يستخدم العنصر الخاصية background-image لضبط صورة الخلفية. عادة ما يتم استخدام ملاحظة مختصرة.الخلفيةخصائص أكثر مرونة.

الجدول أدناه يلخص سياق الاستخدام لهذه الخاصية وتاريخ الإصدارات.

القيمة الافتراضية:لا شيء
التطبيق:جميع العناصر
تنسيق وراثي:لا
يمكن تحريكه:لايرجى الرجوع إلى خصائص الرسوم المتحركة
الإصدار:CSS 1،2،3
جافا سكريبت:    
object    object.style.backgroundImage="url(image.gif)"

نموذج استخدام background-image

نموذج هذه الخاصية كالتالي:

background-image: url | none | initial | تنسيق وراثي

في المثال أدناه، يتم عرض كيفية استخدام خاصية background-image.

body {background-image: url("images/pattern.jpg");}
اختبار ل‹/›

تحذير: لا يدعم إصدارات Internet Explorer 8 وأقل من ذلك وجود أكثر من صورة خلفية للاعتماد على العنصر.

قيمة الخاصية

يصف الجدول أدناه قيم هذه الخاصية.

القيمةالوصف
urlمسار الموارد للصورة المستخدمة كصورة خلفية.
لا شيءإذا تم تحديدها، فإن الصورة الخلفية لن تظهر.
القيمة الافتراضيةاعتماد هذا الخصائص إلى قيمته الافتراضية.
تنسيق وراثيإذا تم تحديدها، فإن العنصر المرتبط يستخدم قيمة حساب خاصية background-image للعنصر الأب.

مستوى التطابق للمتصفح

مستوى التطابق للمتصفح في خصائص background-image، يدعم جميع المتصفحات الرئيسية هذه الخاصية.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 3.5+

قراءة إضافية

يرجى الرجوع إلى التعليمات التالية:خلفية CSS،خلفية CSS3

خصائص ذات صلة:الخلفية،الإلصاق الخلفية،لون الخلفية،قطع الخلفية،أصل الخلفية،وضع الخلفية،تكرار الخلفية،حجم الخلفية