خصوصیت background-clip
مثال (خصوصیت background-clip)
مشخص کردن ناحیه رنگ آمیزی پس زمینه:
div
{
background-color:yellow;
background-clip:content-box;
}
خودتان امتحان کنید »{
background-color:yellow;
background-clip:content-box;
}
پشتیبانی مرورگرها
تمام مرورگرهای اصلی، خصوصیت background-clip را پشتیبانی می کنند.
توجه: مرورگر Internet Explorer 8 و نسخه های قبلی آن، خصوصیت background-clip را پشتیبانی نمی کند.
تعریف و کاربرد
با استفاده از خصوصیت background-clip، می توانید ناحیه رنگ آمیزی پس زمینه را مشخص نمایید.
| مقدار پیشفرض | border-box |
|---|---|
| ارث بری | خیر |
| نسخه | CSS3 |
| JavaScript ساختار | object.style.backgroundClip="content-box" |
نحوه استفاده
background-clip: border-box|padding-box|content-box;
| مقدار | توضیحات | نمایش دادن |
|---|---|---|
| border-box | محل رنگ آمیزی پس زمینه در قسمت border خواهد بود. | نمایش دادن » |
| padding-box | محل رنگ آمیزی پس زمینه در قسمت padding خواهد بود. | نمایش دادن » |
| content-box | محل رنگ آمیزی پس زمینه در قسمت content خواهد بود. | نمایش دادن » |
بیاموزهای مرتبط
CSS3 Background (بیاموز CSS3)
- نوشته شده توسط امیر پهلوان صادق
- بازدید: 17812
