img タグ で border を指定しても 枠線が表示されない

img タグ で 閻魔大王 の写真を表示してみたのですが、なんか「枠線」が欲しいなぁと思い、以下のように border を設定したところ、

<img src="./images/hoge.jpg" style="border:3px;">

...表示されません。( ;∀;)

少し悩んで、もしかしてデフォルト色が白なのかな?と思い、

<img src="./images/hoge.jpg" style="border:3px #000000;">

と線色を明示的に黒色で指定してみたのですが、

ダメ。

なんだろう?と思い調べたところ、

solid をつけないとダメとのことでした。

正確にはボーダースタイルの指定をしないとダメで、デフォルトはnoneとのこと(わかりにくい)。

ちなみにsolidは一重線を表していて、例えば二重線にしたいならdouble、破線にしたいならdashedとかいろいろバリエーションがあります。

以下のようにしたら、

<img src="./images/hoge.jpg" style="border:3px #000000 solid;">

やっと表示されました。

よかった。