Core Code
Core Code Modern Dev Handbook

Border Image Repeat

border-image-repeat controls how border images repeat.

Preview

Code

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

<div class="box">Repeated border image</div>

More CSS Border Images Examples (8)

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