CSS Click Chart

Border Images

Allows a repeating or stretched image to appear on an element's border in place of customary border styles.

Specification

Border Images on W3C

Example Code

[ select code ] [ disable auto-size ]

Live Demonstration

Resize this box using the bottom-right handle and the image on the border will stay fluid.

Browser Support

Can I Use border-image? Data on support for the border-image feature across the major browsers from caniuse.com.

Tools / Polyfills

Tutorials / Articles