CSS サンプル: 画像を使った枠線 (border-image)

元画像

このサンプルの元画像は 40x40 の画像で、4つの角のアクセントが 10x10 になっています。

枠線に使用

border-image に元画像を指定し、角のスライスを10 (上記の角部分のサイズ) で指定します。
また、border-width と border-style もあわせて指定します。