掲示板/総合質問板/過去ログ/一覧/ <li>の中黒

0 名前：やよ： 2006/09/11（月） 11:35 ID:K3ec.Mrb: <li>で表示される中黒（・っぽいやつ）と、キーボードから入力された中黒（・）って、見た目が違いますよね？
わたし的には、キーボード入力された中黒の方が好きなので
<li>のlist-styleをnoneにして、テキスト自体に「・」を付けてしまいます。
でもこれだと、CSSを切ったときに、中黒がダブルで表示されてしまうんですよね・・・。

こんなことをする（気になる）のは、私だけでしょうか。
みなさんは、<li>そのままの中黒を使ってますか。

1 名前： sevi- ： 2006/09/11（月） 11:35 ID:9J5RKOHs: ＞でもこれだと、CSSを切ったときに、中黒がダブルで表示されてしまうんですよね・・・。

ではスクリプトでCSS対応ブラウザのみ判別し動的にテキストに・を付けるようにすればいいのではないか?

2 名前： K+S ： 2006/09/11（月） 11:35 ID:nROqylMa: > こんなことをする（気になる）のは、私だけでしょうか。

少なくとも私はlist-style-typeのdiscを表現したいときには、･（中点）との違いは気になりません。

> みなさんは、<li>そのままの中黒を使ってますか。

私は基本的に13x13px程度のアイコンのような画像を自作して利用しています。
ブラウザ間の実装差異を考慮してlist-style:noneを指定し、li要素の左隅に背景画像として表示させています。
余談ですが、list-style-positionやul,ol要素のmargin及びpaddingも調整しています。

> でもこれだと、CSSを切ったときに、中黒がダブルで表示されてしまうんですよね・・・。

そもそも、マーカー（disc）をテキスト（・，中点）で代用していることが好ましくありません。
どうしても『・』をそのまま表示したいのであれば、content関連プロパティを利用することが考えられます。

しかし、ブラウザの対応状況を考えると『・』を画像として保存し、マーカーあるいはli要素の左隅の背景画像として表示させることが考えられます。

> <li>で表示される中黒（・っぽいやつ）と、キーボードから入力された中黒（・）って、見た目が違いますよね？

上記は、discと中点の見た目が違うから、というより実用的な対応策を述べたまでです。
例えば、他のテキストをマーカーとして使いたい場合に応用できます。

3 名前： カヅサツ ◆ThCi95HEzw ： 2006/09/11（月） 11:35 ［URL］ ID:f0UXxXRM: > こんなことをする（気になる）のは、私だけでしょうか。
> みなさんは、<li>そのままの中黒を使ってますか。

というか、そもそも li要素のマーカが黒丸であるという保証すらありません。
例えば Lynxでは * (アスタリスク)です。

本気で気に入らない状況でしたら、むしろ list-style-image でなんとかすると良いのではないでしょうか。

4 名前：やよ： 2006/09/11（月） 11:35 ID:K3ec.Mrb: すいません！
週末を挟んでしまい、返答が遅くなってしまいました。

sevi-さん、K+Sさん、カヅサツさん、回答ありがとうございます。
そうですね。あまり良い方法ではないなと思いつつも、
今まで使い続けてしまいました・・・。

これからはlist-style-imageで制御する方法で
やって行こうと思います。

ありがとうございました。