css - CSSを使用して画像の周りに必要に応じて境界線を描く方法は?

Question

私はすでにその周りに境界線を持っている画像を持っています。画像の一部です。CSS プロパティを使用して、画像の周りに同様の境界線を描画したいと考えています。

次のCSSコードを試しました...

border-style:dashed;

...しかし、私が望むように境界線を描いていません。以下は、画像自体に境界線がある元の画像です...

...そして、これがCSSを使用して境界線を追加したい画像です

Answer 1

パディングと境界線の色も必要なようです:

img {
  padding: 3px;
  border: grey dashed 2px;
}

結果 ：

デモンストレーション

Answer 2

ボーダー画像を試す

border-image:url(border.png) 30 30 round;