画像リストマーカーとグリフリストマーカーとで配置法が異なる

症状

グリフタイプのリストマーカーはtext-alignプロパティの指定に従って内容物の先頭の左隣に置かれるが、画像のリストマーカーはtext-alignプロパティの指定に関わらずボックス左端に置かれる。

例示

<ul style="list-style-image:url(/img/cssbug/opera/img02.png);">
<li style="text-align:left;">左揃え</li>
<li style="text-align:center;">中央揃え</li>
<li style="text-align:right;">右揃え</li>
</ul>
<ul style="list-style-type:disc;">
<li style="text-align:left;">左揃え</li>
<li style="text-align:center;">中央揃え</li>
<li style="text-align:right;">右揃え</li>
</ul>
  • 左揃え
  • 中央揃え
  • 右揃え
  • 左揃え
  • 中央揃え
  • 右揃え

2つのリストがあります。前者は画像リストマーカー、後者はグリフリストマーカーを使用しています。

スクリーンショット

Op6Opera6.06での表示

Op7Opera7.11での表示

修正状況

Opera7.11標準モード、Opera7.11互換モードで不具合の発生が確認されました。

関連記事

スポンサーリンク

<=演算子 より小さい

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

上に戻る