幅や高さを指定した要素でdoubleボーダー領域に背景が描画されない。
このため背景の描画開始位置が他のブラウザと変わるので注意が必要です。
例
上の領域は幅が指定されているので、2重線の隙間には背景がありませんが、下の領域にはサイズ指定がないので背景があります。
<p style="width:100px; border:10px double #f00; background-color:#00f;">あいうえお</p>
<p style="border:10px double #f00; background-color:#00f;">あいうえお</p>
<p style="border:10px double #f00; background-color:#00f;">あいうえお</p>
あいうえお
あいうえお
対象ブラウザ
Windows
Internet Explorer6以下(標準・互換)
回避方法
なし
関連プロパティ
borderボーダーのスタイル・太さ・色を四方まとめて指定する
border-bottom下ボーダーのスタイル・太さ・色を指定する
border-bottom-width下ボーダーの太さを指定する
border-left左ボーダーのスタイル・太さ・色を指定する
border-left-width左ボーダーの太さを指定する
border-right右ボーダーのスタイル・太さ・色を指定する
border-right-width右ボーダーの太さを指定する
border-top上ボーダーのスタイル・太さ・色を指定する
border-top-width上ボーダーの太さを指定する
background背景に関する指定をまとめて行う
主要ブラウザに非対応