Border-image generator

{{CSSRef}} 

This tool can be used to generate CSS {{cssxref("border-image")}}  values.

{{EmbedGHLiveSample("css-examples/tools/border-image-generator/", '100%', 1200)}} 

See also

• Border-radius generator
  • : This interactive tool lets you visually create rounded corners (the {{cssxref("border-radius")}}  property).
• Box-shadow generator
  • : This interactive tool lets you visually create shadows behind elements (the {{cssxref("box-shadow")}}  property).