Core Code
Core Code Modern Dev Handbook

Border Image Outset

border-image-outset extends the border image outside the element.

Preview

Code

<style>
.box{
border:20px solid transparent;
border-image:url("https://via.placeholder.com/60") 30 / 20px / 10px round;
padding:20px;
}
</style>

<div class="box">Border image outset</div>

More CSS Border Images Examples (8)

example Basic Border Image open example example Border Image Slice open example example Border Image Repeat open example example Border Image Stretch open example example Border Image Round open example example Border Image Width open example example Gradient Border Image open example example Pattern Border Image open example