さまざまなサイズの画像に CSS3 の border-image プロパティを使用しています。とりあえずインラインCSSを使っています。
ボーダー画像がメイン画像よりも優先されるようにして、画像が予想よりも少し大きい場合、フレームが画像の前に表示されるようにしたいと考えています。
以下は私のコードです：
<img alt="Thumb_img_0129" src="/thumb_IMG_0129.jpg"
style='border-width:15px; padding:10px 10px;
-moz-border-image:url("/images/fancy-frame.jpg") 30 30 stretch;
-webkit-border-image:url("/images/fancy-frame.jpg") 30 30 stretch;
-o-border-image:url("/images/fancy-frame.jpg") 30 30 stretch;
border-image:url("/images/fancy-frame.jpg") 30 30 stretch;' />
css をインライン化するのは少し面倒だと思いますが、とりあえずこの方法で...
ありがとうございました！