خصوصیت 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 مکان دهی می شود.	نمایش دادن »