خصائص backgroundOrigin

التعريف والاستخدام

backgroundOrigin يحدد خاصية background-position كيفية تحديد موقع خاصية background-position بالنسبة إلى ما.

ملاحظة:إذا كانت خاصية background-attachment لصورة الخلفية "fixed"، فإن هذا الخصائص يكون غير فعال.

مثال

توضع صورة الخلفية بشكل نسبي بالنسبة إلى صندوق المحتوى:

document.getElementById("myDIV").style.backgroundOrigin = "content-box";

جرب بنفسك

النحو

إرجاع خاصية backgroundOrigin:

object.style.backgroundOrigin

تعيين خاصية backgroundOrigin:

object.style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit"

قيمة الخاصية

القيمة الوصف
padding-box القيمة الافتراضية. توضع صورة الخلفية بشكل نسبي بالنسبة إلى صندوق الهوامش الداخلية.
border-box توضع صورة الخلفية بشكل نسبي بالنسبة إلى صندوق الحدود.
content-box توضع صورة الخلفية بشكل نسبي بالنسبة إلى صندوق المحتوى.
initial أعد هذا الخصائص إلى قيمته الافتراضية. يرجى الرجوع إلى initial.
inherit يرث هذا الخصائص من عنصر الأب. يرجى الرجوع إلى inherit.

تفاصيل التقنية

القيمة الافتراضية: padding-box
القيمة الناتجة: القيمة الناتجة كـ خصائص background-origin.
إصدار CSS: CSS3

دعم المتصفحات

backgroundOrigin هي خاصية CSS3 (1999).

جميع المتصفحات تدعمها بشكل كامل:

كروم إدج فايرفوكس سفاري أوبرا IE
كروم إدج فايرفوكس سفاري أوبرا IE
الدعم الدعم الدعم الدعم الدعم 11

الصفحات ذات الصلة

دليل CSS:خصائص background-origin