:first-letter擬似要素に右マージンが効かない

症状

フロート化していない:first-letter擬似要素へ右マージンを設定しても無視される。

例示

<style type="text/css">
p#f:first-letter {
  margin: 0 1em;
}
span#fl {
  margin: 0 1em;
}
</style>

<p id="f">●○○○○</p>
<p><span id="fl">●</span>○○○○</p>

●○○○○

○○○○

上段は:first-letterを使用して左右に1文字分のマージンをおいた場合、下段はspan要素を用いて同様のスタイルを再現した場合です。

スクリーンショット

WinIE6WinIE6.0での表示(標準モード)

Moz1.0.2Moz1.0.2での表示(標準モード)

補足

同様の現象がBugzillaに登録されています。以下を参照してください。

修正状況

Moz1.0.2/1.2.1では標準・互換の両モードで不具合の発生が確認されました。

関連記事

スポンサーリンク

background-position 背景画像の表示開始位置を指定する

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る