cssで点線を表示する方法

質問

border-bottom-style: dotted;
で、点線が表示されますが、
もっと細かい点線を表示させる方法はありますか？
（画像を使わない方法が知りたいです）
ご存知の方いらっしゃれば教えて下さい。
よろしくお願い致します。

回答No.3

noname#79554

1pxは、パソコン画面で使う単位の一番小さいもの（1pxのマスが集まって文字や絵を構成している）のはずなので、それ以上小さくするのは無理だと思います。

border-bottom:1px #000000 dotted　←これが最小だと思います。

お礼

他に回答がないですしやっぱり無理のようですね。
回答していただきありがとうございました。

補足

1pxが最小だとは知っているのですが、
横線が1px以上になるんです。
border-bottom:1px #000000 dotted
の1pxは縦の幅しか指定できないみたいで…。

回答No.2

torayoshi

#1です。
追記とお詫び。
破線のほうは線の太さを指定しないと標準で1pxになるようです。
ごめんなさい m(__)m

回答No.1

torayoshi

点線の太さを指定すれば良いと思います。
1pxぐらいにするとかなり細かく見えます。
例↓
border-bottom:1px #000000 dotted
(1pxだと細かすぎるかも ^^;)

あとは点線ではなく、破線を使ってみるとか。
これもけっこう細かく見えますが。
例↓
border-bottom:1px #000000 dashed
※ 破線なので線の太さを指定しないと表示されません。

補足

回答していただきありがとうございます！
すみません、横の幅がIE6だと2PX（線）1PX（余白）くらいで表示されるのでそれを1PX（線）1PX（余白）というような細かい設定はできないのでしょうか？
大げさにいうと、こう表示されるのを↓
━ ━
こういう風に細かくしたいんです。↓
…
border-bottom:1px #000000 dotted
で指定して、これ以上は細かい設定はできないでしょうか？