Core Code
Core Code Modern Dev Handbook

Background Origin

background-origin controls where the background image starts.

Preview

Code

<style>
.box{
width:200px;
height:120px;
padding:20px;
border:10px solid #333;
background:url("https://via.placeholder.com/80") no-repeat;
background-origin:content-box;
}
</style>

<div class="box"></div>

More CSS Backgrounds Examples (8)

example Multiple Background Images open example example Background Size open example example Background Size Contain open example example Background Clip open example example Background Position open example example Background Attachment Fixed open example example Gradient Background open example example Layered Background open example