cssで点線を表示する方法

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

No.3 ベストアンサー 回答者： 2007-07-30 回答日時： 2008/03/24 00:05

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

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

この回答への補足

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

補足日時：2008/03/25 17:06

この回答へのお礼

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

お礼日時：2008/03/25 17:09

No.2 回答者： torayoshi 回答日時： 2008/03/23 22:17

#1です。

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

No.1 回答者： torayoshi 回答日時： 2008/03/23 22:12

点線の太さを指定すれば良いと思います。

1pxぐらいにするとかなり細かく見えます。
例↓
border-bottom:1px #000000 dotted
(1pxだと細かすぎるかも ^^;)

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

この回答への補足

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

　

補足日時：2008/03/23 22:15