نمط الخلفيةأصل الملكية
مثال
ضع صورة الخلفية بالنسبة لمربع المحتوى:
document.getElementById("myDIV").style.backgroundOrigin = "content-box";
التعريف والاستخدام
تقوم الخاصية backgroundOrigin بتعيين أو إرجاع الخاصية ذات الصلة بموضع الخلفية.
ملاحظة: إذا كانت خاصية مرفق الخلفية لصورة الخلفية "ثابتة" ، فلن يكون لهذه الخاصية أي تأثير.
دعم المتصفح
تحدد الأرقام الواردة في الجدول إصدار المتصفح الأول الذي يدعم الخاصية بالكامل.
Property | |||||
---|---|---|---|---|---|
backgroundOrigin | 4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
بناء الجملة
قم بإرجاع خاصية backgroundOrigin:
object.style.backgroundOrigin
قم بتعيين خاصية backgroundOrigin:
object.style.backgroundOrigin = "padding-box|border-box|content-box|initial|inherit"
قيم الملكية
Value | Description |
---|---|
padding-box | Default value. The background image is positioned relative to the padding box |
border-box | The background image is positioned relative to the border box |
content-box | The background image is positioned relative to the content box |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
تفاصيل تقنية
القيمة الافتراضية: | الحشو مربع |
---|---|
قيمة الإرجاع: | سلسلة ، تمثل خاصية أصل الخلفية لعنصر |
إصدار CSS | CSS3 |
الصفحات ذات الصلة
مرجع CSS: خاصية أصل الخلفية