خصوصية Style backgroundClip
- الصفحة السابقة backgroundRepeat
- الصفحة التالية backgroundOrigin
- العودة إلى الطبقة السابقة مفهوم Style في HTML DOM
التعريف والاستخدام
backgroundClip
إعداد أو إرجاع منطقة رسم الخلفية للخاصية.
انظر أيضًا:
تصميم HTML:خصوصية background
دليل CSS:خلفيات CSS
دليل CSS3:خلفيات CSS3
دليل CSS:خصوصية background-clip
مثال
تحديد منطقة رسم الخلفية:
document.getElementById("myDIV").style.backgroundClip = "content-box";
النحو
إرجاع خاصية backgroundClip:
object.style.backgroundClip
تعيين خاصية backgroundClip:
object.style.backgroundClip = "border-box|padding-box|content-box|initial|inherit"
قيمة الخاصية
القيمة | الوصف |
---|---|
border-box | القيمة الافتراضية. يتم قطع الخلفية إلى محيط الحدود (border box). |
padding-box | يتم قطع الخلفية إلى محيط الهوامش الداخلية. |
content-box | يتم قطع الخلفية إلى محيط المحتوى. |
initial | أعاد هذه الخاصية إلى قيمتها الافتراضية. انظر initial. |
inherit | تنقل هذه الخاصية من عنصر الوالدين إليها. انظر inherit. |
تفاصيل تقنية
القيمة الافتراضية: | border-box |
---|---|
القيمة المعدة: | STRING، تعبر عن خصوصية background-clip. |
إصدار CSS: | CSS3 |
دعم المتصفحات
backgroundClip
هي خاصية CSS3 (1999).
جميع المتصفحات يدعمونه بشكل كامل:
Chrome | Edge | Firefox | Safari | Opera | IE |
---|---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera | IE |
دعم | دعم | دعم | دعم | دعم | 11 |
- الصفحة السابقة backgroundRepeat
- الصفحة التالية backgroundOrigin
- العودة إلى الطبقة السابقة مفهوم Style في HTML DOM