一部のボーダーはcolorの値を引き継がない

症状

border-colorプロパティが未指定の場合、outset, inset, ridge, grooveの各ボーダーの色は当該要素のcolorプロパティの値とは異なる色になってしまう。

例示

<div style="border:2px dashed blue;">dashed</div>
<div style="border:2px dashed; color:blue;">dashed</div>
<div style="border:4px ridge blue;">ridge</div>
<div style="border:4px ridge; color:blue;">ridge</div>
dashed
dashed
ridge
ridge

dashedボーダー(バグが発生しない)とridgeボーダー(バグが発生する)について、border-colorプロパティを指定した場合とcolorプロパティから参照させた場合の結果を比較しています。

スクリーンショット

N7.1N7.1での表示(標準モード)

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

修正状況

WinIE5.5、WinIE6.0標準モード、WinIE6.0互換モードで不具合の発生を確認しました。

WinIE7でも発生します。

スポンサーリンク

関連記事

スポンサーリンク

ACOS関数 逆コサイン(アークコサイン)

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る