nanpou

Re: 水平線表示ブロック作成

いつもお世話になります。
前回の見出しブロックに引続き、関西ユーザーグループ会合でのアイディアを
実現していただきありがとうございます。

調べましたところ、<hr />タグでも装飾は可能なようです。
ただ、扱いが少しややこしいみたいです。

hr {
border: dotted #ff0000; /* 線のスタイルと色を指定 */
border-width: 1px 0 0 0; /* 線の太さを指定 */
height: 1px; /* for IE6,7 線の太さを指定 */
width: 60%; /* 線の長さを指定 */
margin: 0 auto 0 0; /* 線を左に寄せる */
text-align: left; /* for IE6,7 線を左に寄せる */
clear: both; /* for IE6,7 */
}

上記の通り、IEの6,7で表示させようと思えば別途指定が必要です。

あと、機能について意見申し上げますと、せっかく線の「長さ」を指定できるなら
「左寄せ・中央揃え・右寄せ」もできたら良いなぁと思います。

また「ブロック高さ」の機能は、いまひとつピンとこないです。
線の上下の間隔を指定できるようにした方が良い？のかもしれません。

以上、お役に立ちましたら幸いです。