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

دليل CSS

قواعد CSS (@RULES)

موسوعة الخاصيات في CSS

طريقة استخدام الخاصية background-attachment في CSS ومثال

يحدد الخاصية background-attachment في CSS ما إذا كانت الصورة الخلفية تتبع التدفق الوثيقة أو تبقى ثابتة في منطقة الرؤية

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

القيمة الافتراضية:scroll
يُستخدم لل:جميع العناصر
التوريث:لا
يمكن تحريكه:لايرجى الرجوع إلى خصائص الرسوم المتحركة.
الإصدار:CSS 1،2،3
جافا سكربت:    
object    object.style.backgroundAttachment="fixed"

نحو استخدام background-attachment

نص النحو للخاصية هو:

background-attachment: scroll | fixed | initial | inherit

يوضح المثال أدناه كيفية استخدام خاصية background-attachment.

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

قيمة الخاصية

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

القيمةوصف
scrollالقيمة الافتراضية. تكون صورة الخلفية ثابتة بالنسبة للعنصر نفسه، وتتحرك مع العناصر المضمومة في المنظور.
fixedتكون صورة الخلفية ثابتة بالنسبة للمنظور، و لا تتحرك مع العنصر.
localحافظ على صورة الخلفية ثابتة بالنسبة لمحتوى العنصر: إذا كان العنصر يحتوي على آلية التمرير، فإن الخلفية تتحرك مع محتوى العنصر.
initialقم بتعيين هذه الخاصية إلى قيمتها الافتراضية.
inheritإذا تم تحديد، فإن العناصر المرتبطة تأخذ قيمة حساب الخاصية background-attachment للعنصر الأب.

مرونة المتصفح

مرونة المتصفح في خصائص background-attachment، جميع المتصفحات الرئيسية تدعم هذه الخاصية.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 3.5+

قراءة المزيد

يرجى الرجوع إلى الدروس التالية:CSS background,CSS3 background.

خصائص ذات صلة:background,background-color,background-clip,background-image,background-origin,background-position,background-repeat,background-size.