CodePen Embed - CSS background-clip

<div class="box01">테스트박스</div>
<div class="box02">테스트박스</div>
<div class="box03">테스트박스</div>

 div{
   width: 300px; height: 30px;
   border: 10px dotted black;
   padding: 30px; margin-bottom: 30px;

   background-color: pink;
}

.box01{ background-clip: border-box; }
.box02{ background-clip: padding-box; }
.box03{ background-clip: content-box; }

This Pen is owned by OSSAM on CodePen.

See more by @5ssam on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.