Свойство background-clip

Исходный код этого примера:

<style>
    .div1, .div2, .div3 {
        width: 300px;
        background: #0f0;
        border: 10px dashed #000;
        padding: 20px;
    }
    .div1 {
        background-clip: border-box;
    }
    .div2 {
        background-clip: padding-box;
    }
    .div3 {
        background-clip: content-box;
    }
</style>
<div class="div1">
    Фон отображается до внешнего края границы
</div>
<br>
<div class="div2">
    Фон отображается до внутреннего края границы
</div>
<br>
<div class="div3">
    Фон отображается только в зоне контента
</div>