Border image code generator

generate border image

Border image generator tool

Another exciting new border feature of CSS3 is the property border-image. With this feature you can define an image to be used instead of the normal border of an element. It is  little tricky, but it can allow you to create flexible boxes with custom borders. This feature is actually split up into a couple of properties: border-image and border-corner-image. These two values are shorthands for:
border-image:
border-top-image
border-right-image
border-bottom-image
border-left-image
border-corner-image:
border-top-left-image
border-top-right-image
border-bottom-left-image
border-bottom-right-image

This cool Border image generator tool lets you play with various settings to generate the code. You might also want to refer to this Border image tutorial here at css-tricks.