خصوصیت background-clip

چاپ

مثال (خصوصیت background-clip)

مشخص کردن ناحیه رنگ آمیزی پس زمینه:

div
{
background-color:yellow;
background-clip:content-box;
}
خودتان امتحان کنید »

پشتیبانی مرورگرها

Internet Explorer Firefox Opera Google Chrome Safari

تمام مرورگرهای اصلی، خصوصیت 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)