contents

CSS2対応状況ガイド(リスト形式)

HTMLへの組み込み

link要素 … 外部スタイルシート

@import … 外部スタイルシート

xml-stylesheet … 外部スタイルシート

[上に戻る]

基本的なセレクタ

要素 … タイプ・セレクタ

* (アスタリスク) … ユニバーサル・セレクタ

.class … クラス・セレクタ

#id … IDセレクタ

[上に戻る]

属性セレクタ

[属性] … 指定した属性

[属性="値"] … 属性の値が一致

[属性~="値"] … 値が空白区切り

[属性|="値"] … 値が"-"区切り

[上に戻る]

疑似クラス

:link … リンク

:visited … リンク

:hover … ホーバー

:active … アクティブ

:focus … フォーカス

:first-child … 最初の子要素

:lang() … 言語コード

[上に戻る]

疑似要素

:first-line … 1行目

:first-letter … 1文字目

:before … 要素の前に追加

:after … 要素の後に追加

[上に戻る]

セレクタの組合せ

セレクタ セレクタ … 子孫

セレクタ > セレクタ … 子

セレクタ + セレクタ … 直後

[上に戻る]

色と背景に関するプロパティ

color … 文字色

background-color … 背景色

background-image … 背景画像

background-repeat … 背景画像の並び方

background-position … 背景画像の表示位置

background-attachment … 背景画像の固定配置

background … 背景関連の一括指定

[上に戻る]

フォントに関するプロパティ

font-family … フォント名

font-size … フォントサイズ

font-weight … フォントの太さ

font-style … 斜体

font-stretch … 長体・平体

font-variant … スモールキャップ

font-size-adjust … フォントサイズの調整

font … フォント関連の一括指定

[上に戻る]

テキストに関するプロパティ

line-height … 行の高さ

text-align … 行揃え

vertical-align … 縦方向の位置揃え

text-decoration … 下線・上線・取消線・点滅

letter-spacing … 文字の間隔

word-spacing … 単語の間隔

text-transform … 大文字・小文字

text-indent … 一行目のインデント

white-space … 空白・タブ・改行の処理

text-shadow … 文字に影をつける

[上に戻る]

ボックス:マージン

margin-top … 上マージン

margin-bottom … 下マージン

margin-left … 左マージン

margin-right … 右マージン

margin … マージンの一括指定

[上に戻る]

ボックス:パディング

padding-top … 上パディング

padding-bottom … 下パディング

padding-left … 左パディング

padding-right … 右パディング

padding … パディングの一括指定

[上に戻る]

ボックス:ボーダーの色

border-top-color … 上ボーダーの色

border-bottom-color … 下ボーダーの色

border-left-color … 左ボーダーの色

border-right-color … 右ボーダーの色

border-color … ボーダーの色の一括指定

[上に戻る]

ボックス:ボーダーの太さ

border-top-width … 上ボーダーの太さ

border-bottom-width … 下ボーダーの太さ

border-left-width … 左ボーダーの太さ

border-right-width … 右ボーダーの太さ

border-width … ボーダーの太さの一括指定

[上に戻る]

ボックス:ボーダーの形式

border-top-style … 上ボーダーの形式

border-bottom-style … 下ボーダーの形式

border-left-style … 左ボーダーの形式

border-right-style … 右ボーダーの形式

border-style … ボーダーの形式の一括指定

[上に戻る]

ボックス:ボーダーの色・太さ・形式

border-top … 上ボーダーの色・太さ・形式

border-bottom … 下ボーダーの色・太さ・形式

border-left … 左ボーダーの色・太さ・形式

border-right … 右ボーダーの色・太さ・形式

border … ボーダー関連の一括指定

[上に戻る]

ボックス:内容領域の幅と高さ

width … 内容領域の幅

height … 内容領域の高さ

min-width … 内容領域の最小の幅

max-width … 内容領域の最大の幅

min-height … 内容領域の最小の高さ

max-height … 内容領域の最大の高さ

[上に戻る]

表示と配置に関するプロパティ

float … 左右への配置と回り込み

clear … 回り込みの解除

display … 要素の表示形式

position … 相対配置・絶対配置

top … 上からの位置

left … 左からの位置

bottom … 下からの位置

right … 右からの位置

z-index … 重なる順序

overflow … はみ出る部分の表示方法

clip … 見える範囲

visibility … 表示・非表示

direction … 文字表記の方向

unicode-bidi … 文字方向の組込みと上書き

[上に戻る]

リストに関するプロパティ

list-style-type … マーカーの種類

list-style-image … マーカー画像

list-style-position … マーカーの表示位置

list-style … マーカー関連の一括指定

marker-offset … マーカーとの間隔

[上に戻る]

テーブルに関するプロパティ

table-layout … テーブルの表示方法

border-collapse … セルのボーダーの表示形式

border-spacing … セルのボーダーの間隔

empty-cells … 空セルのボーダーの表示・非表示

caption-side … キャプションの位置

[上に戻る]

内容の追加に関するプロパティ

content … 内容の追加

quotes … 引用符の設定

counter-increment … 連番の値を進める

counter-reset … 連番のリセット

[上に戻る]

アウトラインに関するプロパティ

outline-color … アウトラインの色

outline-width … アウトラインの太さ

outline-style … アウトラインの形式

outline … アウトライン関連の一括指定

[上に戻る]

カーソルに関するプロパティ

cursor … カーソルの形状

[上に戻る]

印刷に関するプロパティ

size … 用紙サイズと方向

page … 用紙設定の適用

page-break-before … 直前に改ページ

page-break-after … 直後に改ページ

page-break-inside … 要素内での改ページの禁止

widows … 最初の段落の最低行数

orphans … 最後の段落の最低行数

marks … トンボ

[上に戻る]

音声に関するプロパティ

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 … 表の見出しを読み上げるタイミング

[上に戻る]

対応状況を表す言葉の意味

このページは、各ブラウザのCSS2への対応状況をおおまかに示したものです。全体を以下の4種類に分類していますが、微妙な部分で判別が難しいものについては、私の主観によって分類しています。また、この判定は私が独自におこなったテストによる結果に基づいたものですので、すべての状況に対して当てはまるものではありません。さまざまな要因によって、ここで示したものとは異なる結果になる場合がありますのでご了承ください。

確認に使用したブラウザ

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

[上に戻る]