インライン要素にマージン関連のプロパティを指定することはできるが、実際は上下マージンが設置されないように見える。
- Category: Internet Explorer, Windows, ver.6
- Tag: margin, インライン要素
例示
<p style="text-indent:0;">前の行 前の行<br />
<span style="margin:1em;">上下マージンがある行</span><br />
後の行 後の行</p>
前の行 前の行
上下マージンがある行
後の行 後の行
span要素は四方に幅1emのマージンを設定しています。
スクリーンショット
WinIE6.0標準モード
補足
行の高さを算出する際に行内にあるインライン要素のマージン、ボーダー、パディングの値は使用しません。このため、パディングやボーダーの領域が隣の行にはみ出したり、マージン領域が設置されていないかのように見える現象が発生します(WinIEが実際にマージン領域を設置しているかは不明です)。
行の高さを指定する場合はline-heightプロパティを使用してください。
修正状況
WinIE6.0の標準モードと互換モードでこの現象が発生することを確認しました。


