خصوصیت background-origin

مثال

عکس پس زمینه نسبت به content مکان دهی شده است:

div
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-position:left;
background-origin:content-box;
}

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

    

تمام مرورگرهای اصلی، خصوصیت background-origin را پشتیبانی می کنند.

توجه: مرورگر Internet Explorer 8 و نسخه های قبلی آن، خصوصیت background-origin را پشتیبانی نمی کند.

تعریف و کاربرد

با استفاده از خصوصیت background-origin، می توانید عکس پس زمینه را نسبت به یکی از مکان های content یا padding و یا border مکان دهی نمایید.

توجه: اگر خصوصیت background-attachment با مقدار "fixed" تنظیم شده باشد، این خصوصیت اثری نخواهد داشت.

مقدار پیشفرض padding-box
ارث بری خیر
نسخه CSS3
JavaScript ساختار object.style.backgroundOrigin="content-box"

نحوه استفاده

background-origin: padding-box|border-box|content-box;
مقدار توضیحات نمایش دادن
padding-box عکس پس زمینه نسبت به padding مکان دهی می شود.
border-box عکس پس زمینه نسبت به border مکان دهی می شود.
content-box عکس پس زمینه نسبت به content مکان دهی می شود.