list-style-type部分だけ大きくしたい

list-style-typeでdiscを選択して黒丸を表示しているのですが、
そもそもこの黒丸のサイズが小さすぎていけません。
かといって、黒丸に続くリストの文章の文字サイズは大きくしたくはありませんから、
list-style-typeのサイズだけを大きくするにはどう記述指定すればいいでしょうか？

No.2 ベストアンサー 回答者： sa2874 回答日時： 2012/02/27 14:25

他に1台あるパソコンのブラウザも最新版に近いので、試す環境がないのですが…

こちらに対応ブラウザ・バージョンがずらっと並んでいるので、
list-style-image は、結構使えるように思います。
（参考URLとおなじものです）

http://www.htmq.com/style/list-style-image.shtml

参考URL：http://www.htmq.com/style/list-style-image.shtml

この回答へのお礼

対応ブラウザ表URL、誠にありがとうございました！
とても役に立ちます

お礼日時：2012/02/27 14:43

No.1 回答者： sa2874 回答日時： 2012/02/27 12:55

windows vistaで、google Chrome、IE、Firefoxのうち、

google Chromeだけなら、これでできました。

<ul style="list-style-type:disc;">
<li style="font-size:xx-large;"><span style="font-size:medium;">リストの中身</span></li>
</ul>

IE、Firefoxでは変わらなかったので、画像を用意して使うしかないかもしれません。
画像はこのように指定します。

<ul style="list-style-image: url('画像へのパス');">
<li>リストの中身</li>
</ul>

この回答への補足

IE8とFirefox8で黒丸（disc）を比較すると、Firefoxでは若干黒丸と文字との隙間が広い感じしてこれでも直したいのですが、IE8ですと隙間がさらに広く辟易しております。
隙間の調整はどのようにしたらできるでしょうか。

補足日時：2012/02/27 13:38

この回答へのお礼

ありがとうございます。
せっかくChromeで表示できる方策を試していただいたのですが、おっしゃる通りで、なるｖべくクロスプラットフォームで表示させねばいけないのです。
ただ、list-style-imaageに画像を指定する方策でも、今回のChromeだけなど、ブラウザによって表示されないことはないでしょうか？
古いバージョンは無視すればいいですが、モダンブラウザは対応しないといけないです。
せめてIE7以降、Firefox3以降など。

お礼日時：2012/02/27 13:11