خاصیت background-origin در CSS در وبسایت PNLdev

این مثال شروع شدن تصویر پس زمینه از قسمت گوشه سمت چپ موجود در بخش بالایی محتوا را نشان میدهد

background-origin: content-box;

آزمایشگاه

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

خصوصیت background-origin مکان قرار گرفتن تصویر را در پس زمینه مشخص می کند.

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

اعداد نوشته شده در جدول نسخه ای از مرورگر را مشخص می کنند که به طور کامل قابلیت پشتیبانی از خصوصیت background-origin را دارند.

#	کروم	ادج	فایرفاکس	سافاری	اپرا
background-origin

background-origin: padding-box|border-box|content-box|initial|inherit;

مقادیر	توضیحات
padding-box	مقداری که از پیش تأیین شده است که به سبب آن تصویر پس زمینه از قسمت گوشه سمت چپ بالایی موجود در فضای خالی شروع می شود
border-box	تصویر پس زمینه از گوشه سمت چپ قسمت بالایی حاشیه شروع می شود
content-box	تصویر پس زمینه از گوشه سمت چپ قسمت بالایی محتوا شروع می شود
initial	خصوصیت background-origin را به مقدار از پیش تأیین شده خود برمی گرداند . درباره intial بخوانید
inherit	این خصوصیت را از عنصر اصلی خود به ارث می برد

مثالی دیگر در رابطه با background-origin

background-origin: content-box;

آزمایشگاه

آموزش CSS: پس زمینه های CSS 
   مرجع HTMl DOM: ویژگی background-origin

CSS Reference

مرجع CSS

خاصیت های CSS