画像に背景色と境界線を付けたい。

質問

いつもお世話になります。
画像の周りに背景色その外側に線を引きたく思っています。
(1)
<div style="border:solid 5px gray;padding:20px;background-color:lightcyan;" >
<img src="**.jpg" alt="**">
</div>
と、すれば可能ですが
(2)
<img src="**.jpg" alt="**" style="border:solid 5px gray;padding:20px;background-color:lightcyan;" >
とすると境界線は表示されても背景色が表示されません。
(1)のように<div>タグを用いなくて、(2)のように<img>タグのみで(1)のようなことはできないものでしょうか。
よろしくお願いいたします。

回答No.2

Questa · ベストアンサー

IE後方互換モード（XHTML1.0 + XML宣言あり + IE7 を除く）では PADDING が無効になるようです。

DOCTYPE宣言で標準準拠モードにすれば(1)のような表示になります。

お礼

Questaさん、レスありがとうございます。
できました。
ありがとうございました。

回答No.1

pasocom

<div>というのはレイヤのようなものでパラメータに「background-color」を用いることができますが、<img>は四角い画像ファイルそのものであって、「background-color」パラメータは使用することはできません。

お礼

pasocomさん、早速のレスありがとうございます。
参考になりました。