Border Image

Border-Image

The border-image CSS property draws an image around a given element. It replaces the element's regular border.

Options

Image URL

Outset 0px

Repeat

stretch

Slice 30

Width 15px

Preview

Code

border: 15px solid;
border-image: url(`$https://mdn.github.io/css-examples/tools/border-image-generator/border-image-1.png`) 30 / 15px / 0px stretch;