Configuration

Resim
Gradient
Preset 1
Preset 2
Preset 3
Preset 4

Border Image Slice

Border Image Width

Border Image Outset

Other Properties

Live Preview

This is a preview of your border image

CSS Code

#element {
  border-image-source: url('https://mdn.github.io/css-examples/tools/border-image-generator/border-image-1.png');
  border-image-slice: 30%;
  border-image-width: 30px;
  border-image-outset: 0px;
  border-image-repeat: stretch;
}