با توجه به سوالات متعدد در مورد تفاوت آن دو ویژگی مورد بهره بری و استفاده و نیاز ضروری دیدیم تا فیلم یا کلیپی جهت شرح بهتر آن موضوع فراهم کنیم.
پیشنیازها
- Box Model
بصورت کلی تفاوت آن دو ویژگی به شرح زیر می باشد:
کاربردها
background-origin
مشخص کردن می کند که شروع ترسیم پس باره از کدام ناحیه باشد (یعنی گوشه سمت راست بالای تصویر بر روی گوشه سمت راست بالای کدام ناحیه قرار بگیرد)، ولی باید توجه داشت background-clip
مشخص کردن کننده آن می باشد که پس باره در کدام ناحیه ها دیدن کردن و نمایش داده می شود.
مقدار ابتدایی و اولیهها
background-clip: border-box
background-origin: padding-box
موثر بر …
ویژگی background-clip مرتبط به رنگ و همچنین تصویر پس باره میباشد ولی باید توجه داشت background-origin تنها و فقط مرتبط به تصویر پس باره می باشد و همچنین تاثیری بر روی رنگ آن هم ندارد. (از آنجایی که رنگ یک پس باره یکسان می باشد و همچنین آنکه کدام قسمت آن هم شروع ترسیم باشد تفاوتی ندارد)