付録:CSS対応状況表

色と背景

<color> の定義

形式 IE3 Win IE4 Win IE5 Win IE5.5 Win IE6.0 Win IE5 Mac N4 Win N6 Win N7 Win N7.1 Win O6 Win O7 Win
#RGB 1-2×
#RRGGBB 1-2
rgb(n,n,n) 1-2×
rgb(n%,n%,n%) 1-2×
色名 1-2
システムカラー2 ××
Netscape 4
システムカラーを指定すると謎の色で表示される。

color

IE3 Win IE4 Win IE5 Win IE5.5 Win IE6 Win IE5 Mac N4 Win N6 Win N7 Win N7.1 Win O6 Win O7 Win
<color>1-2
Netscape 4
システムカラーを指定すると謎の色で,'inherit' を指定すると緑色で表示される。
関連バグ情報:

background-color

IE3 Win IE4 Win IE5 Win IE5.5 Win IE6 Win IE5 Mac N4 Win N6 Win N7 Win N7.1 Win O6 Win O7 Win
<color>1-2×
transparent 1-2××
Win版 MSIE 4〜5.5 (および ver 6 の互換モード)
html と body の背景が独立していない(body への背景指定が優先される)。
Win版 MSIE 5.5〜6
widthheight(もしくは両方)が明示されている場合,ボーダー領域に背景色が描画されない。
Win版 Opera 6
背景色と背景画像を同時に指定した場合,ボーダー領域に背景色が描画されない。
Netscape 4
状況によっては,背景がまったく適用されない場合がある。
html要素に背景指定しても,キャンバスに背景が描画されない。
body要素に対して 'transparent' を指定するとキャンバスが黒色で塗りつぶされる。
ブロックレベル要素に背景指定しても,テキストのある部分にしか描画されない。マージン(必要なければ '0')とボーダー(必要なければ 'none')を指定すればブロック全体に背景を描画させることが可能。ただし,ボーダーとの間に隙間が空いてしまう。
ボーダー領域に背景色が描画されない。
システムカラーを指定すると謎の色で,'inherit' を指定すると緑色で塗りつぶされる。
関連バグ情報:

background-image

IE3 Win IE4 Win IE5 Win IE5.5 Win IE6 Win IE5 Mac N4 Win N6 Win N7 Win N7.1 Win O6 Win O7 Win
<uri>1-2×
none 1-2×
Win版 MSIE 4〜5.5 (および ver 6 の互換モード)
html と body の背景が独立していない(body への背景指定が優先される)。
Win版 MSIE 5.5〜6
widthheight(もしくは両方)が明示されている場合,ボーダー領域に背景画像が描画されない。
Netscape 4
html要素に背景指定しても,キャンバスに背景が描画されない。
インライン要素に背景画像を指定すると,ブロックとして整形される。
ブロックレベル要素に背景指定しても,テキストのある部分にしか描画されない。マージン(必要なければ '0')とボーダー(必要なければ 'none')を指定すればブロック全体に背景を描画させること可能。ただし,ボーダーとの間に隙間が空いてしまう。
textarea や select要素に指定すると,要素内容が普通のテキストとして表示され入力や選択ができなくなる。
ボーダー領域に背景画像が描画されない。
背景色を指定せず('transparent' も含む)に背景画像を指定すると,背景色が黒く塗りつぶされる。
Netscape 6〜7.0,Win版 Opera 6〜7.2
ボーダー領域に背景画像が描画されない。
Opera 6 は,インライン要素に背景画像が描画されない。
関連バグ情報:

background-repeat

IE3 Win IE4 Win IE5 Win IE5.5 Win IE6 Win IE5 Mac N4 Win N6 Win N7 Win N7.1 Win O6 Win O7 Win
共通1-2×
関連バグ情報:

background-attachment

IE3 Win IE4 Win IE5 Win IE5.5 Win IE6 Win IE5 Mac N4 Win N6 Win N7 Win N7.1 Win O6 Win O7 Win
scroll1-2××
fixed 1-2××
Win版 MSIE
キャンバス(html または body要素)以外の背景画像は固定できない。
スクロールバー付きの要素では,その要素に対しては固定されるけれど,表示域に対しては固定されない。
Win版 Opera 6
キャンバス以外で 'fixed' を指定したときに,表示域を基準に背景画像が配置されない。
ページのレンダリングが完了した時点で,表示域に表示されている要素の背景画像しか表示されない。
キャンバス以外の固定背景画像はスクロールさせると見えなくなる。
Netscape 6
キャンバス(html または body要素)以外の固定背景画像は 6.0 ではかなり不安定,6.1以降は少々不安定。
関連バグ情報:

background-position

IE3 Win IE4 Win IE5 Win IE5.5 Win IE6 Win IE5 Mac N4 Win N6 Win N7 Win N7.1 Win O6 Win O7 Win
共通1-2××
Win版 MSIE 5〜6
widthheight(もしくは両方)が明示されている場合,パディング辺ではなくボーダー辺を基準に配置される。
Mac版 MSIE 5
キャンバス以外の背景指定は,パディング辺ではなく,ボーダー辺を基準に配置される。
Win版 Opera 6
'center center' と指定した場合,垂直方向が '0' に設定されてしまう。
関連バグ情報:

background

IE3 Win IE4 Win IE5 Win IE5.5 Win IE6 Win IE5 Mac N4 Win N6 Win N7 Win N7.1 Win O6 Win O7 Win
--
Win版 Opera 6
背景色を指定しない場合('transparent' も含む),要素の背景色が初期値である 'transparent' にリセットされない。
繰り返し指定よりも前に初期位置をひとつだけ指定した場合,位置指定が '0% 0%' にリセットされる。
Win版 Opera 7.0〜7.1x
背景色の指定を省略した場合,要素の背景色が初期値である 'transparent' にリセットされない。
Netscape 4
インライン要素に背景画像を指定すると,ブロックレベルとして整形される。
背景色を指定せずに('transparent' も含む)背景画像を指定すると,背景色が黒く塗りつぶされる。
関連バグ情報: