خصائص background-origin CSS

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

background-origin يحدد الخاصية background-position يتم تحديد الخاصية بالنسبة لموقع ما.

التعليق:إذا كانت صورة الخلفية background-attachment خاصية "ثابت، فإن الخاصية لا تُستخدم.

انظر أيضًا:

دليل CSS:خلفية CSS،خلفيات CSS (متقدم)

دليل DOM HTMLخاصية backgroundOrigin

مثال

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

div
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}

تجربة شخصية

نحو CSS

background-origin: padding-box|border-box|content-box;

قيمة الخاصية

القيمة الوصف الاختبار
padding-box يتم تحديد موقع صورة الخلفية بالنسبة لصندوق الهوامش الداخلية. الاختبار
border-box يتم تحديد موقع صورة الخلفية بالنسبة لصندوق الحدود. الاختبار
content-box يتم تحديد موقع صورة الخلفية بالنسبة لصندوق المحتوى. الاختبار

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

القيمة الافتراضية: padding-box
التنسيق: لا
الإصدار: CSS3
جافا سكربت نحو: عنصر.style.backgroundOrigin="content-box"

دعم المتصفح

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم الخاصية بشكل كامل.

الخوروم الإيغ الفاكس السفاري الوبرا
الخوروم إي / إيغ الفاكس السفاري الوبرا
4.0 9.0 4.0 3.0 10.5