border-imageプロパティで、しましま柄の枠線を引くサンプル

border-imageプロパティで縞模様の枠線を引く例。
これは、緑色のしましま柄画像を使った例です。

border-imageプロパティで縞模様の枠線を引く例。
これは、青色のしましま柄画像を使った例です。

border-imageプロパティで縞模様の枠線を引く例。
これは、橙色のしましま柄画像を使った例です。

枠線の太さを、もっと太く21pxにした場合

枠線の太さを、少し細く7pxにした場合

枠線の太さを、もっと細く4pxにした場合


枠線に使用している画像:
しましま1 しましま2 しましま3

この3つの画像は、必要であればご自由にダウンロードしてご活用下さい。


記事に戻る