- 締切済み
list-styleの指定方法
<li>の記述方法で、 １、素のまま＞＞大きめの黒丸 ２、一旦list-style:none;をかけた後に別CSSでlist-style:disc;と上書きした場合＞＞少し小さめの黒丸 となるのですが、これはどういう違いでしょうか？
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- ORUKA1951
- ベストアンサー率45% (5062/11036)
私のfirefoxでは、再現できません。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> ＿＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> ＿＿<title>サンプル</title> ＿＿<meta name="author" content="ORUKA1951"> ＿＿<meta http-equiv="Content-Style-Type" content="text/css"> ＿＿<link rev="made" href="mailto:orika1951@hoge.com" title="send a mail" > ＿＿<link rel="START" href="../index.html"> ＿＿<style type="text/css"> <!-- ul+ul,ul+ul li{list-style:none;} ul+ul,ul+ul li{list-style:disc;color:red;} pre{float:left;border:solid 1px gray;margin-right:50px;padding:1ex 1em;} --> ＿＿</style> </head> <body> ＿＿<h1>サンプル</h1> ＿＿<pre><style type="text/css"> <!-- ul+ul,ul+ul li{list-style:none;} ul+ul,ul+ul li{list-style:disc;color:red;} pre{float:left;border:solid 1px gray;margin-right:50px;padding:1ex 1em;} --> </style></pre> ＿＿<ul> ＿＿＿＿<li>項目</li> ＿＿＿＿<li>項目</li> ＿＿＿＿<li>項目</li> ＿＿＿＿<li>項目</li> ＿＿</ul> ＿＿<ul> ＿＿＿＿<li>項目</li> ＿＿＿＿<li>項目</li> ＿＿＿＿<li>項目</li> ＿＿＿＿<li>項目</li> ＿＿</ul> </body> </html> ブラウザのfont-familyが違うと思われる。
- sabaneko300
- ベストアンサー率0% (0/2)
list-style:disc;を再度指定している個所のフォントサイズが1.のフォントサイズより小さいのではないでしょうか？ 1.の場合のフォントサイズと2.のフォントサイズを合わせてみたら同じ大きさになりませんか？
お礼
すいません結局原因がわからなかったのでこのまま終了します。
補足
いえ、残念ながらフォントサイズ、フォントタイプともに同じにして実験しました。あとこの現象が起きるのはFireFoxです。
お礼
すいません結局原因がわからなかったのでこのまま終了します。