English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
يحدد خاصية background-clip في CSS ما إذا كان لون أو صورة الخلفية للمسافة إلى أسفل الحدود.
يوضح الجدول التالي استخدام هذا الخصائص و سجله التاريخي و الإصدارات.
| القيمة الافتراضية: | border-box |
|---|---|
| تنطبق على: | جميع العناصر. وهي تنطبق أيضًا على::first-letterو::first-line。 |
| التوريث: | لا يوجد |
| يمكن إنتاج الرسوم المتحركة: | لا.يرجى الرجوع إلى خصائص التحريك。 |
| الإصدار: | ميزات CSS3 الجديدة |
| جملة JavaScript: | object object.style.backgroundClip="content-box" |
جملة هذه الخاصية تتبع النحو التالي:
background-clip: border-box | padding-box | content-box | initial | inherit
المثال أدناه يوضح كيفية استخدام خاصية background-clip.
.box {
width: 250px;
height: 150px;
padding: 10px;
border: 6px dashed #333;
background: orange;
background-clip: content-box;
}تجربة راجع‹/›جدول الأعلى يصف قيم هذه الخاصية.
| القيمة | وصف |
|---|---|
| border-box | تحديد أن تصل الخلفية إلى الخارجية للحدود. يتم رسم الخلفية تحت الحدود. وهي القيمة الافتراضية. |
| padding-box | تحديد أن تصل الخلفية إلى الخارجية للملء. لا يتم رسم الخلفية تحت الحدود. |
| content-box | تحديد رسم الخلفية فقط داخل نطاق المحتوى (قطع إلى). لا يتم رسم الخلفية تحت الحدود والملء. |
| initial | ضبط هذا الخصائص إلى قيمته الافتراضية. |
| inherit | إذا تم تحديدها، فإن العنصر المرتبط يستخدم قيمة حساب خاصية background-clip للعنصر الأم. |
متاح دعم خاصية background-clip في المتصفحات، يدعم جميع المتصفحات الشائعة هذه الخاصية.
|
يرجى الرجوع إلى التعليمات التالية:CSS3 الخلفية،CSS3 الخلفية。
خصائص مرتبطة:background،background-attachment،background-color،background-image،background-origin،background-position،background-repeat،background-size。