:first-letter擬似要素にマージンが設置されない

症状

本来は:first-letter擬似要素にマージンのプロパティを適用できるはずだが、Operaでは全方向のマージンが設置されない。

例示

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

<p id="fl">先頭にマージン</p>

先頭にマージン

p要素内の1文字目「先」の周囲(左右)に1emのマージンが設置されるはずです。

※p要素に text-indent: 1em; を設定しているので、大抵は左側が2em分空いて見えるはずです。

スクリーンショット

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

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

修正状況

  • Opera7.0/7.1の標準モードと互換モードで不具合の発生を確認しました。
  • Opera6.05/7.2でこの不具合は発生しないようです。

スポンサーリンク

関連記事

スポンサーリンク

cue-before サウンドアイコンの内容と鳴らす箇所を指定する

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

上に戻る