خصائص background-clip CSS
- الصفحة السابقة background-blend-mode
- الصفحة التالية background-color
التعريف والاستخدام
background-clip
الخصوصية تحدد منطقة رسم الخلفية.
انظر أيضًا:
دليل CSSخلفية CSS،خلفيات CSS (مقدمة)
دليل HTML DOMخصوصية backgroundClip
مثال
يحدد منطقة رسم الخلفية:
div { background-color:yellow; background-clip:content-box; }
جملة CSS
background-clip: border-box|padding-box|content-box;
قيمة الخاصية
القيمة | الوصف | الاختبار |
---|---|---|
border-box | الخلفية يتم قطعها إلى مربع الحواف. | الاختبار |
padding-box | الخلفية يتم قطعها إلى مربع الهوامش الداخلية. | الاختبار |
content-box | الخلفية يتم قطعها إلى مربع المحتوى. | الاختبار |
تفاصيل التقنية
القيمة الافتراضية: | border-box |
---|---|
التنقلية: | لا |
الإصدار: | CSS3 |
جافا سكربت الجملة: | مثل.style.backgroundClip="content-box" |
دعم المتصفح
الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم الخاصية بشكل كامل.
كروم | إدج | فايرفوكس | سفاري | أوبرا |
---|---|---|---|---|
كروم | IE / إدج | فايرفوكس | سفاري | أوبرا |
4.0 | 9.0 | 4.0 | 3.0 | 10.5 |
- الصفحة السابقة background-blend-mode
- الصفحة التالية background-color