خصائص Style backgroundAttachment
- الصفحة السابقة background
- الصفحة التالية backgroundColor
- العودة إلى الطبقة السابقة مفهوم Style في HTML DOM
التعريف والاستخدام
backgroundAttachment
إعداد أو إرجاع خاصية background-image لتحديد ما إذا كان يجب أن تُسحب مع المحتوى أم تكون ثابتة.
يرجى الرجوع أيضًا إلى:
تصميم HTML:خاصية background
دليل CSS:خلفيات CSS
دليل CSS:خاصية background-attachment
مثال
مثال 1
ضبط صورة الخلفية كثابتة (لا تسحب):
document.body.style.backgroundAttachment = "fixed";
مثال 2
اختيار scroll و local في عنصر DIV:
document.getElementById("myDIV").style.backgroundAttachment = "local";
مثال 3
التبديل بين scroll و fixed:
var x = document.body.style.backgroundAttachment; document.body.style.backgroundAttachment = (x == "scroll")? "fixed":"scroll";
مثال 4
إرجاع قيمة خاصية background-attachment:
alert(document.body.style.backgroundAttachment);
النحو
إرجاع خاصية backgroundAttachment:
object.style.backgroundAttachment
إعداد خاصية backgroundAttachment:
object.style.backgroundAttachment = "scroll|fixed|local|initial|inherit"
قيمة الخاصية
القيمة | الوصف |
---|---|
scroll | الخلفية تُسحب مع العنصر. القيمة المبدئية. |
fixed | الخلفية ثابتة بالنسبة إلى نافذة الرؤية. |
local | الخلفية تُسحب مع محتوى العنصر. |
initial | إعداد هذه الخاصية إلى قيمتها المبدئية. يرجى الرجوع إلى initial. |
inherit | تنقل هذه الخاصية من عنصر الأب. يرجى الرجوع إلى inherit. |
تفاصيل تقنية
القيمة المبدئية: | scroll |
---|---|
القيمة المُرجعية: | القيمة النصية، تُعبر عن كيفية إلصاق صورة الخلفية إلى العناصر في المستند. |
إصدار CSS: | CSS1 |
دعم المتصفحات
backgroundAttachment
هو خاصية CSS1 (1996).
جميع المتصفحات يدعمونه بشكل كامل:
Chrome | Edge | Firefox | Safari | Opera | IE |
---|---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera | IE |
الدعم | الدعم | الدعم | الدعم | الدعم | الدعم |
- الصفحة السابقة background
- الصفحة التالية backgroundColor
- العودة إلى الطبقة السابقة مفهوم Style في HTML DOM