<hr>要素のスタイル - CSS小技集

ここでは<hr>要素のスタイルを定める際に注意しなければならない事を具体例を交えて解説します。 まずはじめに…。 <hr>要素(横罫線)はCSSを扱う上で意外に厄介な代物です。 表示スタイルについて、明確な決まりが無いからです。 このため、<hr>要素に画像を用いる場合、さまざまな問題に悩まされました。 それでも、最近ではインターネットエクスプローラ 7.0 までを除けば、多くの環境でそれなりのスタイルを実現出来るようになって来たようです。 ただ、殆どのブラウザにバグがあるのも事実ですが…。 ここでは、なるべく多くの環境でそれなりに<hr>要素のスタイルを定める方法について考えてみましょう。 主なブラウザでの<hr>要素の実装。 ファイヤーフォックスとオペラでの<hr>要素の実装。 ファイヤーフォックスとオペラでは、<hr>要素の実装を以下のように考えているようです。 枠線は境界線と見なす

[pitworks]

<hr>要素(横罫線)はCSSを扱う上で意外に厄介な代物です。