XHTML+CSS 罫線を入れたい場合

質問

テーブルを使ったhtmlのみでのレイアウトから移行して間もなく、
勝手が分からず苦労しています。
罫線を入れたいのですが<hr />でとりあえず表記されました。
しかし、xhtml+cssのメリットはデザイン要素を分離することだと
思うのですが、皆様はどのように罫線をいれていますか？

<hr />を使うのが妥当だとして、<hr />自体のデザインは
スタイル指定するのでしょうか。
よろしくお願いします。

回答No.1

abril · ベストアンサー

> 罫線を入れたいのですが<hr />でとりあえず表記されました。
> しかし、xhtml+cssのメリットはデザイン要素を分離することだと
> 思うのですが、皆様はどのように罫線をいれていますか？

主要なブロックとブロックの間に”区切り”としての線を入れたい時ですね。ただ、実際にはブロック間に区切り線を見せないデザインも多いですし、区切り線的な装飾がある場合はそのブロックの終わりもしくは始めにborderプロパティで含めてしまう事が多い（何故<hr>自体にあまりそれをさせないかは下記参照）ので、<hr>は主に非表示にしておいて、CSSを切った状態で区切りが見える状態にしておくという使用法です（私個人は）。

> <hr />を使うのが妥当だとして、<hr />自体のデザインはスタイル指定するのでしょうか。

そうですね。ただその場合は、<hr>のスタイルに関する解釈がブラウザ間で結構異なる為、注意が必要です。
（参考）http://www.marguerite.jp/Nihongo/WWW/CSSTips/HRStyle.html#measure

お礼

こちらの質問のお礼が遅くなりすみませんでした。たいへんわかりやすい回答を頂き、助かりました。