Home > Windows > Mozilla > Netscape hr要素のボーダーが正しく設定されない

hr要素のボーダーが正しく設定されない

hr要素にボーダーを指定するとき、指定内容によってはボーダーが表示されずhr要素が点のようになることがある。

例示

<hr style="border-top:2px dashed red; border-bottom:2px dotted red;" />

hr要素を赤い破線で表示させようとしています。

スクリーンショット

WinIE6WinIE6.0での表示(標準モード)

N7N7.02での表示(標準モード)

補足

hr要素にheightプロパティを指定するとバグを回避できます。heightプロパティには上ボーダーの幅と下ボーダーの幅の合計値と同じかより大きい値を指定してください。

<hr style="border-top:2px dashed red; border-bottom:2px dotted red; height:4px;" />

または、ボーダーの指定方法を変えることでバグを回避できることもあります。なお、同じような症状のバグがありますが【折り返しを抑制した要素内にあるhr要素の幅が正しく算出されない】、このバグとは回避法が異なります。hr要素に display:block; を指定してもこのバグは回避できません。

修正状況

N7.02およびMoz1.4betaの標準モードおよび互換モードで不具合の発生が確認されました。

Home > Windows > Mozilla > Netscape hr要素のボーダーが正しく設定されない

Search
オススメ書籍
Feeds

Return to page top