contents

CSS2対応状況ガイド

※テーブルを使用せずにリスト形式で表した別バージョンもあります。

HTMLへの組み込み
組み込み方法説明 N6.0
Win
N4.7
Win
e6.0
Win
e5.5
Win
e5.0
Win
e4.0
Win
e3.0
Win
e5.0
Mac
e4.5
Mac
link要素外部スタイルシート
@import外部スタイルシート ××
xml-stylesheet外部スタイルシート ---------

 上に戻る

基本的なセレクタ
セレクタの種類説明 N6.0
Win
N4.7
Win
e6.0
Win
e5.5
Win
e5.0
Win
e4.0
Win
e3.0
Win
e5.0
Mac
e4.5
Mac
要素タイプ・セレクタ
*ユニバーサル・セレクタ ×
.classクラス・セレクタ
#idIDセレクタ

 上に戻る

属性セレクタ
セレクタの種類説明 N6.0
Win
N4.7
Win
e6.0
Win
e5.5
Win
e5.0
Win
e4.0
Win
e3.0
Win
e5.0
Mac
e4.5
Mac
[属性]指定した属性 ××××××××
[属性="値"]属性の値が一致 ××××××××
[属性~="値"]値が空白区切り ××××××××
[属性|="値"]値が"-"区切り ××××××××

 上に戻る

疑似クラス
セレクタの種類説明 N6.0
Win
N4.7
Win
e6.0
Win
e5.5
Win
e5.0
Win
e4.0
Win
e3.0
Win
e5.0
Mac
e4.5
Mac
:linkリンク
:visitedリンク
:hoverホーバー ××
:activeアクティブ ××
:focusフォーカス ×××××××
:first-child最初の子要素 ×××××××
:lang()言語コード ××××××××

 上に戻る

疑似要素
セレクタの種類説明 N6.0
Win
N4.7
Win
e6.0
Win
e5.5
Win
e5.0
Win
e4.0
Win
e3.0
Win
e5.0
Mac
e4.5
Mac
:first-line1行目 ×××××
:first-letter1文字目 ×××××
:before要素の前に追加 ××××××××
:after要素の後に追加 ××××××××

 上に戻る

セレクタの組合せ
セレクタの種類説明 N6.0
Win
N4.7
Win
e6.0
Win
e5.5
Win
e5.0
Win
e4.0
Win
e3.0
Win
e5.0
Mac
e4.5
Mac
セレクタ セレクタ子孫
セレクタ > セレクタ ×××××××
セレクタ + セレクタ直後 ×××××××

 上に戻る

色と背景に関するプロパティ
プロパティ説明 N6.0
Win
N4.7
Win
e6.0
Win
e5.5
Win
e5.0
Win
e4.0
Win
e3.0
Win
e5.0
Mac
e4.5
Mac
color文字色
background-color背景色 ×
background-image背景画像 ×
background-repeat背景画像の並び方 ×
background-position背景画像の表示位置 ××
background-attachment背景画像の固定配置 ××
background背景関連の一括指定

 上に戻る

フォントに関するプロパティ
プロパティ説明 N6.0
Win
N4.7
Win
e6.0
Win
e5.5
Win
e5.0
Win
e4.0
Win
e3.0
Win
e5.0
Mac
e4.5
Mac
font-familyフォント名
font-sizeフォントサイズ
font-weightフォントの太さ
font-style斜体
font-stretch長体・平体 ×××××××××
font-variantスモールキャップ ××
font-size-adjustフォントサイズの調整 ×××××××××
fontフォント関連の一括指定

 上に戻る

テキストに関するプロパティ
プロパティ説明 N6.0
Win
N4.7
Win
e6.0
Win
e5.5
Win
e5.0
Win
e4.0
Win
e3.0
Win
e5.0
Mac
e4.5
Mac
line-height行の高さ
text-align行揃え
vertical-align縦方向の位置揃え ×
text-decoration下線・上線・取消線・点滅
letter-spacing文字の間隔 ××
word-spacing単語の間隔 ×××××
text-transform大文字・小文字 ××
text-indent一行目のインデント
white-space空白・タブ・改行の処理 ××××
text-shadow文字に影をつける ×××××××××

 上に戻る

ボックス:マージン
プロパティ説明 N6.0
Win
N4.7
Win
e6.0
Win
e5.5
Win
e5.0
Win
e4.0
Win
e3.0
Win
e5.0
Mac
e4.5
Mac
margin-top上マージン
margin-bottom下マージン ×
margin-left左マージン
margin-right右マージン
marginマージンの一括指定

 上に戻る

ボックス:パディング
プロパティ説明 N6.0
Win
N4.7
Win
e6.0
Win
e5.5
Win
e5.0
Win
e4.0
Win
e3.0
Win
e5.0
Mac
e4.5
Mac
padding-top上パディング ×
padding-bottom下パディング ×
padding-left左パディング ×
padding-right右パディング ×
paddingパディングの一括指定 ×

 上に戻る

ボックス:ボーダーの色
プロパティ説明 N6.0
Win
N4.7
Win
e6.0
Win
e5.5
Win
e5.0
Win
e4.0
Win
e3.0
Win
e5.0
Mac
e4.5
Mac
border-top-color上ボーダーの色 ××
border-bottom-color下ボーダーの色 ××
border-left-color左ボーダーの色 ××
border-right-color右ボーダーの色 ××
border-colorボーダーの色の一括指定 ×

 上に戻る

ボックス:ボーダーの太さ
プロパティ説明 N6.0
Win
N4.7
Win
e6.0
Win
e5.5
Win
e5.0
Win
e4.0
Win
e3.0
Win
e5.0
Mac
e4.5
Mac
border-top-width上ボーダーの太さ ×
border-bottom-width下ボーダーの太さ ×
border-left-width左ボーダーの太さ ×
border-right-width右ボーダーの太さ ×
border-widthボーダーの太さの一括指定 ×

 上に戻る

ボックス:ボーダーの形式
プロパティ説明 N6.0
Win
N4.7
Win
e6.0
Win
e5.5
Win
e5.0
Win
e4.0
Win
e3.0
Win
e5.0
Mac
e4.5
Mac
border-top-style上ボーダーの形式 ××
border-bottom-style下ボーダーの形式 ××
border-left-style左ボーダーの形式 ××
border-right-style右ボーダーの形式 ××
border-styleボーダーの形式の一括指定 ×

 上に戻る

ボックス:ボーダーの色・太さ・形式
プロパティ説明 N6.0
Win
N4.7
Win
e6.0
Win
e5.5
Win
e5.0
Win
e4.0
Win
e3.0
Win
e5.0
Mac
e4.5
Mac
border-top上ボーダーの色・太さ・形式 ××
border-bottom下ボーダーの色・太さ・形式 ××
border-left左ボーダーの色・太さ・形式 ××
border-right右ボーダーの色・太さ・形式 ××
borderボーダー関連の一括指定 ×

 上に戻る

ボックス:内容領域の幅と高さ
プロパティ説明 N6.0
Win
N4.7
Win
e6.0
Win
e5.5
Win
e5.0
Win
e4.0
Win
e3.0
Win
e5.0
Mac
e4.5
Mac
width内容領域の幅 ×
height内容領域の高さ ××
min-width内容領域の最小の幅 ××××××××
max-width内容領域の最大の幅 ××××××××
min-height内容領域の最小の高さ ××××××××
max-height内容領域の最大の高さ ××××××××

 上に戻る

表示と配置に関するプロパティ
プロパティ説明 N6.0
Win
N4.7
Win
e6.0
Win
e5.5
Win
e5.0
Win
e4.0
Win
e3.0
Win
e5.0
Mac
e4.5
Mac
float左右への配置と回り込み ×
clear回り込みの解除 ×
display要素の表示形式 ×
position相対配置・絶対配置 ×
top上からの位置 ×
left左からの位置 ×
bottom下からの位置 ××××
right右からの位置 ××××
z-index重なる順序 ×
overflowはみ出る部分の表示方法 ××××
clip見える範囲 ×××××××××
visibility表示・非表示 ××
direction文字表記の方向 ---------
unicode-bidi文字方向の組込みと上書き ---------

 上に戻る

リストに関するプロパティ
プロパティ説明 N6.0
Win
N4.7
Win
e6.0
Win
e5.5
Win
e5.0
Win
e4.0
Win
e3.0
Win
e5.0
Mac
e4.5
Mac
list-style-typeマーカーの種類 ×
list-style-imageマーカー画像 ××
list-style-positionマーカーの表示位置 ×××
list-styleマーカー関連の一括指定 ×
marker-offsetマーカーとの間隔 ×××××××××

 上に戻る

テーブルに関するプロパティ
プロパティ説明 N6.0
Win
N4.7
Win
e6.0
Win
e5.5
Win
e5.0
Win
e4.0
Win
e3.0
Win
e5.0
Mac
e4.5
Mac
table-layoutテーブルの表示方法 ×××××
border-collapseセルのボーダーの表示形式 ××××××
border-spacingセルのボーダーの間隔 ××××××××
empty-cells空セルのボーダーの表示・非表示 ××××××××
caption-sideキャプションの位置 ××××××××

 上に戻る

内容の追加に関するプロパティ
プロパティ説明 N6.0
Win
N4.7
Win
e6.0
Win
e5.5
Win
e5.0
Win
e4.0
Win
e3.0
Win
e5.0
Mac
e4.5
Mac
content内容の追加 ××××××××
quotes引用符の設定 ××××××××
counter-increment連番の値を進める ×××××××××
counter-reset連番のリセット ×××××××××

 上に戻る

アウトラインに関するプロパティ
プロパティ説明 N6.0
Win
N4.7
Win
e6.0
Win
e5.5
Win
e5.0
Win
e4.0
Win
e3.0
Win
e5.0
Mac
e4.5
Mac
outline-colorアウトラインの色 ××××××××
outline-widthアウトラインの太さ ××××××××
outline-styleアウトラインの形式 ××××××××
outlineアウトライン関連の一括指定 ××××××××

 上に戻る

カーソルに関するプロパティ
プロパティ説明 N6.0
Win
N4.7
Win
e6.0
Win
e5.5
Win
e5.0
Win
e4.0
Win
e3.0
Win
e5.0
Mac
e4.5
Mac
cursorカーソルの形状 ××

 上に戻る

印刷に関するプロパティ
プロパティ説明 N6.0
Win
N4.7
Win
e6.0
Win
e5.5
Win
e5.0
Win
e4.0
Win
e3.0
Win
e5.0
Mac
e4.5
Mac
size用紙サイズと方向 ×××××××××
page用紙設定の適用 ×××××××××
page-break-before直前に改ページ ×××
page-break-after直後に改ページ ×××
page-break-inside要素内での改ページの禁止 ×××××××××
widows最初の段落の最低行数 ×××××××××
orphans最後の段落の最低行数 ×××××××××
marksトンボ ×××××××××

 上に戻る

音声に関するプロパティ
プロパティ説明 N6.0
Win
N4.7
Win
e6.0
Win
e5.5
Win
e5.0
Win
e4.0
Win
e3.0
Win
e5.0
Mac
e4.5
Mac
volume音量 ×××××××××
speech-rate読み上げ速度 ×××××××××
voice-family声の種類 ×××××××××
pitch声の高さ ×××××××××
pitch-range声の高さの変化する幅 ×××××××××
richness声の豊かさ・明瞭さ ×××××××××
stressアクセントの強さ ×××××××××
azimuth声の聞こえる横方向の位置 ×××××××××
elevation声の聞こえる縦方向の位置 ×××××××××
pause-before直前の読み上げ休止時間 ×××××××××
pause-after直後の読み上げ休止時間 ×××××××××
pause読み上げ休止時間の一括指定 ×××××××××
speak読み方の指定 ×××××××××
speak-numeral数字の読み上げ方の指定 ×××××××××
speak-punctuation句読点や記号を読み上げるかどうか ×××××××××
cue-before直前に鳴らす要素識別音 ×××××××××
cue-after直後に鳴らす要素識別音 ×××××××××
cue要素識別音の一括指定 ×××××××××
play-duringバックグラウンド・サウンド ×××××××××
speak-header表の見出しを読み上げるタイミング ×××××××××

 上に戻る

「○△×-」の説明

上の表で使用している記号は、対応状況をおおまかに示したものです。各記号は以下のような意味を表しますが、微妙な部分で判別が難しいものについては、私の主観によって分類しています。また、この判定は私が独自に行ったテストによる結果に基づいたものですので、すべての状況に対して当てはまるものではありません。さまざまな要因によって、ここで示したものとは異なる結果になる場合がありますのでご了承ください。

  • ○:完全対応(ほぼ対応、一般に使用する部分は対応も含む)
  • △:一部対応(なんとか使用可能も含む)
  • ×:非対応(ほとんど非対応、仕様に準拠していないものも含む)
  • −:未確認

確認に使用したブラウザ

  • N6.0 Win:Netscape 6.01, 6.1
  • N4.7 Win:Netscape Communicator 4.73
  • e6.0 Win:Internet Explorer バージョン:6.0
  • e5.5 Win:Internet Explorer バージョン:5.50
  • e5.0 Win:Internet Explorer 5 バージョン:5.00
  • e4.0 Win:Internet Explorer 4.0 バージョン:4.72
  • e3.0 Win:インターネット エクスプローラ Version 3.0
  • e5.0 Mac:Internet Explorer 5.0 Macintosh Edition バージョン:5.0
  • e4.5 Mac:Internet Explorer 4.5 Macintosh Edition バージョン:4.5

※ Netscape 6.0 以降と Internet Explorer 6、および Macintosh版Internet Explorer 5.0の表示モードには「互換モード」と「標準モード」の2種類がありますが、このページの対応状況はHTML4.01(strict.dtd)のDOCTYPE宣言をした文書による「標準モード」でのテスト結果に基づいています。

[上に戻る]