مثال
تحديد منطقة اللوحة الخلفية:
div
{
border: 10px dotted black;
padding:35px;
background: yellow;
background-clip: content-box;
}
انها محاولة لنفسك » تعريف واستخدام
تحدد الخاصية خلفية مقطع في منطقة اللوحة الخلفية.
القيمة الافتراضية: | border-box |
---|---|
وارث: | no |
Animatable: | no. Read about animatable |
الإصدار: | CSS3 |
جافا سكريبت بناء الجملة: | object .style.backgroundClip="content-box" Try it |
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
خاصية | |||||
---|---|---|---|---|---|
background-clip | 4.0 | تسعة | 4.0 | 3.0 | 10.5 |
CSS بناء الجملة
background-clip: border-box|padding-box|content-box|initial|inherit;
قيم الملكية
القيمة | وصف | العبها |
---|---|---|
border-box | القيمة الافتراضية. يتم قص الخلفية إلى مربع الحدود | العبها " |
padding-box | يتم قص الخلفية إلى مربع الحشو | العبها " |
content-box | يتم قص الخلفية إلى مربع المحتوى | العبها " |
initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي | العبها " |
inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
صفحات ذات صلة
CSS3 البرنامج التعليمي: خلفيات CSS3
HTML DOM المرجع backgroundClip property