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;">
やっと表示されました。
よかった。